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.
Who this course is for:
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
Requirements
Basic Javascript knowledge
React basics, recommended but isn’t must have
Last Updated 1/2022
VISITOR COMMENTS (0 )
FILE LIST
Filename
Size
.pad/0
100 B
.pad/1
47 B
TutsNode.com.txt
63 B
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/01 - Introduction/001 Introduction_en.srt
6 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/01 - Introduction/002 How to resolve issues_en.srt
10 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/02 - Project startup/001 Development Environment_en.srt
16.5 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/02 - Project startup/002 Simulators_en.srt
18.3 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/02 - Project startup/003 What is react native_en.srt
16.6 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/02 - Project startup/external-assets-links.txt
135 B
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/03 - Navigation/001 New Screens_en.srt
18.2 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/03 - Navigation/002 Navigation.mp4
121.3 MB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/03 - Navigation/002 Navigation_en.srt
24.8 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/03 - Navigation/003 Navigation Push_en.srt
12.8 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/03 - Navigation/004 Navigation navigate_en.srt
8.4 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/03 - Navigation/006 Bottom Tab Navigator_en.srt
10.6 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/03 - Navigation/007 AI Navigation.mp4
254.3 MB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/03 - Navigation/007 AI Navigation_en.srt
22.9 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/03 - Navigation/008 Hide Header_en.srt
6 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/03 - Navigation/009 Add Icons_en.srt
13.2 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/03 - Navigation/external-assets-links.txt
935 B
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/04 - Workout management/001 Data_en.srt
13.5 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/04 - Workout management/002 Flat List_en.srt
12.7 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/04 - Workout management/003 Types_en.srt
14.3 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/04 - Workout management/004 Workout Item_en.srt
5.9 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/04 - Workout management/005 Workout item styles_en.srt
11.8 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/04 - Workout management/external-assets-links.txt
600 B
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/05 - Font Loading/001 useCachedResources_en.srt
17.2 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/05 - Font Loading/002 load fonts_en.srt
13.2 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/05 - Font Loading/003 Display new font_en.srt
5.9 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/05 - Font Loading/004 Montserrat Text component_en.srt
10.9 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/05 - Font Loading/005 Children type_en.srt
13.3 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/06 - Utility functions/001 sec to min_en.srt
5.8 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/06 - Utility functions/002 format sec_en.srt
13.9 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/06 - Utility functions/003 Improve format_en.srt
14.4 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/06 - Utility functions/004 Pressable_en.srt
13.3 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/06 - Utility functions/external-assets-links.txt
400 B
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/07 - Detail screen/002 Screen title_en.srt
2.3 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/07 - Detail screen/003 Display slug_en.srt
8 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/07 - Detail screen/external-assets-links.txt
400 B
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/08 - Async storage/001 Async Storage_en.srt
18.2 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/08 - Async storage/002 Contains data_en.srt
10.4 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/08 - Async storage/003 Workout storage_en.srt
10.1 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/08 - Async storage/004 Clear Workouts_en.srt
7.4 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/08 - Async storage/005 Get workouts_en.srt
11.9 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/08 - Async storage/external-assets-links.txt
500 B
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/09 - Use Workouts/001 Use Workouts_en.srt
10.1 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/09 - Use Workouts/002 UseIsFocused_en.srt
8.1 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/09 - Use Workouts/003 Get workout_en.srt
16.1 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/09 - Use Workouts/004 useWorkoutBySlug_en.srt
10.5 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/09 - Use Workouts/006 Pressable Sequence_en.srt
6.7 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/09 - Use Workouts/007 Pressable Component_en.srt
8 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/10 - Modal/002 Modal visibility_en.srt
6.9 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/10 - Modal/004 Reusable Modal_en.srt
11.7 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/10 - Modal/005 Reusable Activator part 1_en.srt
12 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/10 - Modal/006 Reusable Activator part 2_en.srt
17.6 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/10 - Modal/007 AI Passing Props_en.srt
8.7 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/10 - Modal/008 Pass props to modal_en.srt
7.4 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/10 - Modal/010 Sequence improvements_en.srt
12.1 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/10 - Modal/011 Workout Item Children_en.srt
11.7 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/11 - Countdown/002 Create Sequence_en.srt
19 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/11 - Countdown/003 Start countdown_en.srt
17.3 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/11 - Countdown/004 useCountDown_en.srt
11.1 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/11 - Countdown/005 Countdown cleanup_en.srt
10.8 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/11 - Countdown/006 AI Debugging.mp4
171.9 MB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/11 - Countdown/006 AI Debugging_en.srt
23.9 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/12 - Display Sequence/001 Display entire sequence_en.srt
11.2 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/12 - Display Sequence/004 Conditional text_en.srt
8.7 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/13 - Stoppable countdown/001 Is Running State_en.srt
10.8 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/13 - Stoppable countdown/002 Start explicit count_en.srt
15.6 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/13 - Stoppable countdown/003 Start refactor_en.srt
9.1 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/13 - Stoppable countdown/004 Stop and continue countdown_en.srt
10.1 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/13 - Stoppable countdown/005 Counter Item styles_en.srt
12.1 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/14 - Startup sequence/001 Startup Sequence_en.srt
6.3 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/14 - Startup sequence/002 Display startup seq_en.srt
12.5 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/14 - Startup sequence/003 Wrapper stylings_en.srt
5.9 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/15 - Exercise Form/001 Workout form_en.srt
7.4 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/15 - Exercise Form/002 TextInput_en.srt
17.3 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/15 - Exercise Form/003 Submit Form_en.srt
11.5 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/16 - Hook Form/001 React hook form_en.srt
10.8 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/16 - Hook Form/006 Display Selection_en.srt
11.2 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/17 - Data Transformation/001 Transform form data_en.srt
10.6 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/17 - Data Transformation/002 slugify_en.srt
7 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/17 - Data Transformation/003 Add item to sequence_en.srt
7.1 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/17 - Data Transformation/005 Remove exercise_en.srt
10.3 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/18 - Finalize Workout/001 Workout modal_en.srt
9.1 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/18 - Finalize Workout/002 Workout form in modal_en.srt
8.2 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/18 - Finalize Workout/003 Slugify workout name_en.srt
6.1 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/18 - Finalize Workout/004 Create Workout test_en.srt
13.2 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/18 - Finalize Workout/005 Compute difficulty_en.srt
8.3 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/18 - Finalize Workout/006 Callable Children_en.srt
13.1 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/18 - Finalize Workout/008 Add workout to storage_en.srt
10.2 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/19 - UX Improvements/001 Theme_en.srt
11.9 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/19 - UX Improvements/002 Navigation theme_en.srt
7.5 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/19 - UX Improvements/003 Theme components_en.srt
19.7 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/19 - UX Improvements/004 Safe area_en.srt
6.9 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/20 - Testing & Final Build/001 Testing app in Expo_en.srt
12.9 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/20 - Testing & Final Build/002 Build android_en.srt
20 KB
[TutsNode.com] - React Native with Typescript - The Practical Guide [2022]/20 - Testing & Final Build/003 Build Ios_en.srt