React Native with Typescript The Practical Guide (2022)

React Native with Typescript – The Practical Guide (2022), available at $64.99, has an average rating of 4.2, with 108 lectures, based on 171 reviews, and has 2700 subscribers.

You will learn about Create a working app made in React Native & Typescript Understand React Native in practical and fun way Use gained knowledge to create your own applications Establish yourself in the field of the exciting mobile app development environment This course is ideal for individuals who are Beginners as well as experienced devs interested in mobile development with React Native. or People looking for the practical development guide. or This course is for everyone eager to understand how to build an app from scratch It is particularly useful for Beginners as well as experienced devs interested in mobile development with React Native. or People looking for the practical development guide. or This course is for everyone eager to understand how to build an app from scratch.

Enroll now: React Native with Typescript – The Practical Guide (2022)

Summary

Title: React Native with Typescript – The Practical Guide (2022)

Price: $64.99

Average Rating: 4.2

Number of Lectures: 108

Number of Published Lectures: 108

Number of Curriculum Items: 108

Number of Published Curriculum Objects: 108

Original Price: $124.99

Quality Status: approved

Status: Live

What You Will Learn

Create a working app made in React Native & Typescript

Understand React Native in practical and fun way

Use gained knowledge to create your own applications

Establish yourself in the field of the exciting mobile app development environment

Who Should Attend

Beginners as well as experienced devs interested in mobile development with React Native.

People looking for the practical development guide.

This course is for everyone eager to understand how to build an app from scratch

Target Audiences

Beginners as well as experienced devs interested in mobile development with React Native.

People looking for the practical development guide.

This course is for everyone eager to understand how to build an app from scratch

What is React Native?

React Native combines the best parts of native development with React, a best-in-class JavaScript library for building user interfaces. React primitives render to native platform UI, meaning your app uses the same native platform APIs other apps do. Simplified, with React Native you can create a native application on IOS and Android devices, only with a knowledge of one language (Javascript).

Is this course right for you?

If you plan to start your career as a developer or improve your programming skills, this course is right for you.

You will get the confidence and skills required to start your own projects.

What are you going to work on?

You will create a “Workout” mobile application with Javascript programing language.

The course is divided into multiple parts (check curriculum).

In the first part, you will set up a development environment simulator and learn more about React Native theory.

Right away after that, you will start working on the application. First, you will learn to create multiple screens(views) and navigation between them. An instructor will show you different ways and techniques to set up navigation and, most importantly, how navigation works.

In the next part, you will discover some React Native components. Native components are similar to those used in the browser. If you have some basics in HTML, it will be for your piece of cake to grasp these concepts.

Loading external resources such as fonts is very important for UX. You will create a simple resource loader and prepare a function to boot up all required initial data of your application.

In the next couple of lectures, you will create a detailed workout page, displaying more precise information. You will learn how to pass parameters in navigation and use them to fetch data.

The next part of the course covers data management, storage, and data manipulation. It’s important to know where to store data and retrieve them. An instructor will show you an easy way how to do that. As storage, you will use native storage of your phone(simulator).

Hooks functions are an essential part of React environment. You will learn how to use them to get data.

In the following section, you will go back to the detail screen of the application. You will learn how to create a reusable component, modal. A modal window will be responsible for displaying a sequence of workout exercises.

The application’s core feature is to display a countdown(timer) for currently active exercise. In the eighth section, you will work precisely on this feature. An instructor will guide you through creating a reusable hook function that will provide “countdown” functionality.

Countdown functionality goes hand-in-hand with the feature to display the currently “active” exercise, and after the countdown is finished, load the next exercise and reload the countdown again.

In the next section, you will work on a form to create a workout and add/remove exercises in the workout.

The course is finishing with you working on the “theme” feature. This simple functionality allows users to toggle between the dark and light theme of the application.

The last part of the course covers testing the application on the device and in the simulators.

Course Curriculum

Chapter 1: Introduction

Lecture 1: Introduction

Lecture 2: How to resolve issues

Chapter 2: Project startup

Lecture 1: Development Environment

Lecture 2: Simulators

Lecture 3: What is react native

Chapter 3: Navigation

Lecture 1: New Screens

Lecture 2: Navigation

Lecture 3: Navigation Push

Lecture 4: Navigation navigate

Lecture 5: Native stack header props

Lecture 6: Bottom Tab Navigator

Lecture 7: AI Navigation

Lecture 8: Hide Header

Lecture 9: Add Icons

Chapter 4: Workout management

Lecture 1: Data

Lecture 2: Flat List

Lecture 3: Types

Lecture 4: Workout Item

Lecture 5: Workout item styles

Lecture 6: List style flex

Chapter 5: Font Loading

Lecture 1: useCachedResources

Lecture 2: load fonts

Lecture 3: Display new font

Lecture 4: Montserrat Text component

Lecture 5: Children type

Chapter 6: Utility functions

Lecture 1: sec to min

Lecture 2: format sec

Lecture 3: Improve format

Lecture 4: Pressable

Chapter 7: Detail screen

Lecture 1: Workout detail screen

Lecture 2: Screen title

Lecture 3: Display slug

Lecture 4: Navigation Type

Chapter 8: Async storage

Lecture 1: Async Storage

Lecture 2: Contains data

Lecture 3: Workout storage

Lecture 4: Clear Workouts

Lecture 5: Get workouts

Chapter 9: Use Workouts

Lecture 1: Use Workouts

Lecture 2: UseIsFocused

Lecture 3: Get workout

Lecture 4: useWorkoutBySlug

Lecture 5: Check for undefined

Lecture 6: Pressable Sequence

Lecture 7: Pressable Component

Chapter 10: Modal

Lecture 1: Modal

Lecture 2: Modal visibility

Lecture 3: Modal Styling

Lecture 4: Reusable Modal

Lecture 5: Reusable Activator part 1

Lecture 6: Reusable Activator part 2

Lecture 7: AI Passing Props

Lecture 8: Pass props to modal

Lecture 9: Display sequence

Lecture 10: Sequence improvements

Lecture 11: Workout Item Children

Chapter 11: Countdown

Lecture 1: Play Icon

Lecture 2: Create Sequence

Lecture 3: Start countdown

Lecture 4: useCountDown

Lecture 5: Countdown cleanup

Lecture 6: AI Debugging

Chapter 12: Display Sequence

Lecture 1: Display entire sequence

Lecture 2: Display countdown

Lecture 3: Small style improvement

Lecture 4: Conditional text

Lecture 5: Conditional text styles

Chapter 13: Stoppable countdown

Lecture 1: Is Running State

Lecture 2: Start explicit count

Lecture 3: Start refactor

Lecture 4: Stop and continue countdown

Lecture 5: Counter Item styles

Lecture 6: Restart Counter

Chapter 14: Startup sequence

Lecture 1: Startup Sequence

Lecture 2: Display startup seq

Lecture 3: Wrapper stylings

Chapter 15: Exercise Form

Lecture 1: Workout form

Lecture 2: TextInput

Lecture 3: Submit Form

Chapter 16: Hook Form

Lecture 1: React hook form

Lecture 2: Submit hook form

Lecture 3: Improve style + Duration

Lecture 4: Finish inputs

Lecture 5: Input flex styles

Instructors

Eincode by Filip Jerga
Online Education

Filip Jerga
Software Engineer

Rating Distribution

1 stars: 5 votes

2 stars: 6 votes

3 stars: 22 votes

4 stars: 54 votes

5 stars: 84 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!