’s Start to Learn React JS\
0:00 Your First React App Overview
11:06 Frequently Asked Questions for Mern stack and Mobile App Development
20:24 Let, Const and Var in 3 Minutes in React with Mern Stack Projects
24:17 Install Node JS
29:44 Create Your React App in Full Stack Web Development
35:19 Why You Will Need To Create a React App
41:47 Start Creating React App
48:11 Do You Want to Learn How To Stop React App
53:28 Important Functional Components in React, Mern Stack
is JSX\
1:08:34 Converting HTML JSX
1:14:37 Inline Styling with JSX in React JS
1:25:30 JavaScript Variable in JSX
with Props\
1:38:14 Three Tenets of Components in React JS, Mern Stack Projects
1:41:49 Simple App with React
1:44:44 Styling App with Semantic UI in React JS
1:53:18 Building Component in React JS
1:57:16 Specifying The Image in React JS
2:00:35 Duplicating The Single Component in React JS
2:02:34 Component Nesting in React JS
2:14:40 Props System in React JS
2:18:51 Passing Props to Child in React JS
2:31:54 Reusable Component Overview in React JS
2:34:40 Props Children in React
- Based Components in React\
2:47:22 Class - Based Components and Functional Components in React JS
2:53:11 React JS New App Overview
3:01:54 Getting Users Physical Location in React JS
3:09:51 Handling Async Operation in React
3:13:26 Transformation Functional Component to Class Based Component in React JS
in React\
3:18:20 State Rules in React JS
3:22:39 Initializing State In Constructor
3:36:28 Lifecycle Method Overview in React JS
3:48:54 Conditional Rendering in React JS
Methods in React\
3:54:13 Get to Know Lifecycle Method in React JS
4:07:08 Refactoring App with Lifecycle Method in React JS
4:10:16 Passing State as Props in React JS
4:14:44 Ternary Expressions in JSX
4:20:32 Showing Picture in React JS
4:27:06 Styling The App in React JS
4:37:18 Free React Developer Tools in React JS
4:41:06 General App Review in React
Inputs, Forms and Ivents in React JS\
4:48:01 React App Overview
4:50:45 Component Design in React JS
4:53:48 Handling Forms in React JS
5:02:19 Styling The App in React JS
5:05:41 Creating Event Handlers in React JS
5:11:57 Controlled vs Uncontrolled Elements in React JS
5:16:38 Why Controlled Elements
5:24:18 Understanding ‘this’ Key Word In JS
5:34:24 Communicating Child to Parent
5:37:26 Invoking Callbacks In Children
Request with React\
5:42:09 Fetching Data in React JS
5:45:59 Axios vs Fetch in React JS
5:49:44 Async Await Function in React JS
5:59:51 Setting The State in React JS
6:03:14 Rendering a List of Components in React JS
6:08:29 Implementing The Key Values In List in React JS
6:13:04 What We Have Learned From The App
with React Router\
6:17:09 Initializing The Project in React JS
6:20:22 The React Router
6:41:31 Link and NavLinks in React
6:47:37 Programmatic Redirects in React JS
6:54:58 Route Parameters in React JS and React Native
7:10:05 React Router Switch Tag
Portals\
7:13:58 How to Create a Modal in ReactJS
7:21:36 Why React Portals
7:30:25 Creating a React Portals
’s meet Hooks and Context\
7:37:18 Context and Hooks
Application in React\
7:40:41 Let’s Start Building Application with Hooks and Context
7:52:11 Why Context API
7:58:50 Context Provider - 1
8:06:55 Context Provider - 2
8:13:00 Let’s Reach Out the Context State
8:23:18 Consuming Data in TodoList Component
8:28:48 Context Consumer
8:36:09 Update The Context Data in React JS
Context Usage in React JS\
8:43:14 Create Multiple Context
8:52:38 Use Multiple Context Inside One Component
to React Hooks\
9:01:37 Hooks
React Application\
9:05:38 Let’s Start Creating The React App
9:09:29 UseState Hook in React
9:22:53 UseState with Forms
9:36:20 UseEffect Hook
9:45:55 UseContext Hook
9:54:45 Create Multiple Context with useContext
10:00:36 Create Context with Functional Component
& Context\
10:06:19 Hooks and Context
10:16:40 Let’s Add New ToDo with Hooks and Context
10:31:06 Let’s Remove Todo From Context
to Know the UseReducer Hook\
10:40:29 UseReducer Hook
10:46:40 Let’s Implement UseReducer in React
10:59:53 Reducer Component Structure in React
For Windows for React Native\
11:04:48 Free Tools For Windows
11:12:13 Windows Setup for React Native
11:17:46 How To Start Emulator in Android Studio
For OSX\
11:33:20 Free Tools for IOS
11:38:07 OSX Setup for React Native
11:42:53 Start The Emulator for React Native project
Native and JSX\
11:46:06 How To Create an App with React Native
11:48:57 See Content On Emulator
11:52:49 Why Do We Need React and React-Native
11:56:39 Es6 Syntax ( Let, Const, Var)