Autoplay
Autocomplete
Previous Lesson
Complete and Continue
React Native From Scratch with Hooks and Context
React Native with Hooks and Context Course Content
How Will We Progress in This React Native Course? (4:41)
Got Any Questions about React Native? (1:43)
Github Course Repo in React Native with Hooks and Context
FAQ about React Native, Hooks and Context
React Native - Set Up For Windows
Tools We Need for ReactNative CLI (7:25)
Windows Setup for React Native (5:33)
How to Start Emulator in Android Studio for React Native projects (15:34)
React Native - Set Up For Mac
Tools We Need for ReactNative CLI (4:46)
OSX Setup of React Native (4:45)
Start The Emulator (3:12)
React Native and Expo
React Native on Mobile Device (2:18)
React Native Expo CLI project (6:45)
React Native and JSX
How To Create an App with React Native (2:50)
See Content on Emulator in React Native (3:52)
Why Do We Need React and React-Native? (3:50)
ES6 Syntax ( Let, Const, Var ) in React (5:34)
React Native First Component (8:40)
How to Show Component on Device in React Native (10:26)
How to Build Our First App in React Native (6:46)
How to Connect a Component to the Root Component in React Native (12:08)
Import a Component to Another Component in React Native (8:57)
quiz
Styling For React Native
Styling with JSX in React (13:44)
Displaying of Views in React Native (10:44)
Header Component’s Styling in React (4:17)
React Props in React Native (7:55)
How to Reuse Code with Props System in React (8:30)
React Native Quiz
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 in React js and react native
When Do We Need Lifecycle Methods? (9:58)
Lifecycle Methods in React js and react native (8:12)
Making Request With Axios (9:55)
quiz
State In React Native
What Is State and How To Initial State? (8:44)
Using of State (11:06)
A Component’s Lifecycle with State (4:57)
List Component (8:23)
List Item Component (10:13)
Reusable Components (6:28)
Styled Component for List Items (5:19)
Usage of Props.children (5:46)
Item Section (9:17)
React Native Quiz 2
Layout With Flexbox in React Native
Introduction to the Flexbox (6:46)
Section Header Component in React Native (6:04)
How to Show an Image (12:46)
Scrollable Content in React Native (5:22)
User Interaction with React Native (9:44)
Event Handlers in React Native (13:13)
How to Open Another App (Browser) (4:42)
quiz
Hooks and Context
Let's See What We Will Cover in Hooks and Context (2:35)
Intro to Hooks and Context (3:44)
Context API Project
Let's Create First Application (14:43)
What Is Context API and Why We Use It? (6:06)
Context and Provider in React Native (8:35)
Context Provider in React Native (5:20)
Accessing Context in React Native (11:43)
Let's Access Context Data from TodoList Component (5:23)
Accessing Context with Context Consumer in React Native (7:25)
How To Update Context
Updating Context Data (8:32)
Creating Multiple Contexts (9:10)
Consume Multiple Context
Consume Multiple Context (10:05)
Hooks
Intro to Hooks (4:00)
Let's Setup Hooks Project (4:38)
Flatlist
Flatlist (3:53)
Rendering a List with Flatlist (8:53)
How Does Flatlist Work (6:14)
Giving the Key Props (8:06)
Important Hooks
useState Hooks (13:34)
useState with Forms (15:38)
useEffect Hook (10:42)
Hooks with Context (8:56)
Consuming Multiple Context with useContext (5:52)
Hooks and Context Quiz
Context With Functional Component
Creating Context with Functional Components (5:48)
Hooks and Context (12:51)
Adding New Todo with Hooks and Context (15:53)
Reducers
Remove Todo (9:16)
useReducers (6:12)
Adding a Reducer (13:17)
Move useReducer Into Its Own File (4:48)
First Section
What We Have Learnt in React Native From Scratch with Hooks and Context Course? (5:53)
How to Start Emulator in Android Studio for React Native projects
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock