Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Complete React Native Course with Router, Hooks and Context
Welcome to Complete React, React Native Router, Hooks and Context Course
1- Let's What We Will Learn about Full React Course? (2:18)
2- How To Get Help? (1:43)
3- Github Complete Course Repo
4- FAQ about React Native, Router, Hooks and Context
React Native - Set Up For Windows
5- Free Tools For Windows (7:25)
6- Windows Setup for React Native (5:33)
7- How to Start Emulator In Android Studio (15:34)
8- Android Emulator Setup Checklist
React Native - Setup For OSX
9- Free Tools for IOS (4:46)
10- OSX Setup for React Native (4:45)
11- Start the Emulator (3:12)
12- MAC IOS Emulator Setup Checklist
React Native and Expo
13- React Native on Mobile Device (2:18)
14- Expo CLI project (6:45)
React Native and JSX
15- How To Create An App (2:50)
16- See Content on Emulator (3:52)
17- Why Do We Need React and React Native? (3:50)
18- ES6 Syntax ( Let, Const, Var ) (5:34)
19- First Component (8:40)
20- How To Show Component on Device (10:26)
21- How to Build Our First App (6:46)
22- How To Connect A Component To The Root Component (12:08)
23- Import A Component To Another Component (8:57)
Styling For React Native
24- Styling with JSX (13:44)
25- Displaying of Views (10:45)
26- Header Component’s Styling (4:17)
27- React Props (7:55)
28- How To Reuse Code With Props System (8:30)
API Request With React Native
29- How To Show a List To The User (6:58)
30- The List Component (8:34)
31- Func Component vs Class Based Component (10:43)
LifeCycle Methods
32- When Do We Need Lifecycle Methods? (9:58)
33- LifeCycle Methods (8:12)
34- Making Request With Axios (9:55)
State in React Native
35- What Is State And How To Initial State (8:44)
36- Using of State (11:06)
37- A Component’s Lifecycle With State (4:57)
38- List Component (8:23)
39- List Item Component (10:13)
40- Reusable Components (6:28)
41- Styled Component for List Items (5:19)
42- Usage of Props.Children (5:46)
43- Item Section (9:17)
Layout With Flexbox
44- Introduction to the Flexbox (6:46)
45- Section Header Component (6:04)
46- How To Show An Image (12:46)
47- Scrollable Content (5:23)
48- User Interaction with React Native (9:44)
49- Event Handlers (13:13)
50- How To Open Another App (Browser) (4:42)
Router Expo CLI Project
51- Router Expo CLI Project (2:49)
52- See The Content On A Device or Emulator (5:12)
53- What Is Router And Installation (4:37)
54- Setting Up a Router in Project (9:50)
FlatList
55- FlatList (6:12)
56- Rendering A List With FlatList (8:08)
57- How Does FlatList Work (6:20)
58- Giving the Key Prop (8:42)
59- FlatList Props (7:23)
Route Different Screens
60- Book Detail Screen (6:20)
61- Navigate Between Screens (12:13)
62- Navigating from a Child Component (5:25)
63- withNavigation Function (5:46)
64- Data Transfer Between Screens (7:12)
React Native Hooks and Context
65- Let's Meet Hooks and Context (3:07)
66- Hooks and Context (3:07)
Context API Project
67- Let's Create First Application (14:43)
68- What is Context API and Why We Use It? (6:06)
69- Context and Provider (8:35)
70- Context Provider (5:20)
71- Accessing Context (11:43)
72- Let's Access Context Data from TodoList Component (5:23)
73- Accessing Context with Context Consumer (7:25)
Update Context
74- Updating Context Data (8:32)
75- Creating Multiple Contexts (9:10)
Consume Multiple Context
76- Consuming Multiple Contexts (10:05)
Hooks
77- Intro to Hooks (4:00)
78- Let's Setup Hooks Project (9:43)
79- useState Hooks (13:34)
80- useState with Forms (15:38)
81- useEffect Hook (10:42)
82- Hooks with Context (8:56)
83- Consuming Multiple Context with useContext (5:52)
Context With Functional Component
84- Creating Context with Functional Components (5:48)
85- Hooks and Context (12:46)
86- Adding New Todo with Hooks & Context (15:53)
Reducers
87- Remove Todo (9:16)
88- useReducers (6:12)
89- Adding a Reducer (13:17)
90- Move useReducer Into Its Own File (4:48)
What We Have Learned in React Native Course ?
91- What We Have Learned? (2:55)
57- How Does FlatList Work
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock