Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React Native and Router: Build Mobile Apps With React
We Welcome You To React Native Router Course
How to Progress in In This React Native Router Course (4:51)
How To Get Help? (1:43)
Set Up For Windows
Tools We Need for React Native CLI (7:25)
React Native Windows Setup (5:33)
How to Start Emulator In Android Studio (15:34)
Set Up For OSX
Tools We Need For Installation React Native on OSX (4:46)
React Native OSX Setup (4:45)
Start the Emulator (3:12)
React Native and Expo
React Native on Mobile Device (2:18)
Expo CLI Project (6:45)
React Native and JSX
How To Create An App (2:51)
See Content on Emulator (3:52)
Why Do We Need React and React Native? (3:50)
Es6 Syntax ( Let,Const, Var ) (5:34)
First Component (8:40)
How To Show Component on Device (10:26)
How to Build Our First App (6:46)
How To Connect A Component To The Root Component (12:08)
Import A Component To Another Component (8:57)
Styling For React Native
Styling With JSX (13:44)
Displaying Of Views (10:44)
Header Component’s Styling (4:17)
React Props (7:55)
How To Reuse Code With Props System (8:30)
API Request With React Native
How To Show a List To The User (6:58)
The List Component (8:34)
Func Component vs Class Based Component (10:43)
LifeCycle Methods
When Do We Need Lifecycle Methods? (9:58)
LifeCycle Methods (8:12)
Making Request With Axios (9:55)
State in React Native
What Is State And How To Initial State (8:44)
Using of State (11:07)
A Component’s Lifecycle With State (4:57)
List Component (8:23)
List Item Component (10:13)
Reusable Components (6:28)
Styled Component for ListItems (5:19)
Usage of Props.children (5:46)
ItemSection (9:17)
Layout With Flexbox
Intro to the Flexbox (6:46)
Section Header Component (6:04)
How To Show An Image (12:46)
Scrollable Content (5:23)
User Interaction with React Native (9:44)
Event Handlers (13:13)
How To Open Another App (Browser) (4:43)
Router Expo CLI Project
Router Expo CLI Project (2:49)
See The Content On A Device or Emulator (5:12)
What Is Router And Installation (4:37)
Flatlist
Flatlist (6:12)
Rendering A List With FlatList (8:08)
How Does FlatList Work (6:20)
Giving the Key Prop (8:42)
FlatList Props (7:23)
Route Different Screens
Book Detail Screen
Navigate Between Screens (12:13)
Data Transfer Between Screens (7:12)
Final Words
What We Learned In this React Native Router Course (5:28)
A Component’s Lifecycle With State
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock