What Will I Learn?
- Installation
- React.js Basic
- Hooks
- Render
- Event Handling
- Forms
- Component
- HTTP
- Typescript
Knowledge Detail
116 Lessons
13:11 Hours
ReactJS Basics
43 Lessons
05:31 Hours
ReactJS Introduction
00:08:00
ReactJS Hello World
00:04:55
ReactJS Folder Structure
00:05:34
ReactJS Components
00:05:01
ReactJS Functional Componets
00:06:30
ReactJS Class Componets
00:06:17
ReactJS Hooks Update
00:03:55
ReactJS JSX
00:11:19
ReactJS Props
00:11:33
ReactJS State
00:10:30
ReactJS Set State
00:14:26
ReactJS Destructuring Props And State
00:04:40
ReactJS Event Handling
00:07:33
ReactJS Binding Event Handling
00:11:53
ReactJS Methods As Props
00:08:42
ReactJS Conditional Rendering
00:11:43
ReactJS List Rendering
00:11:53
ReactJS List And Keys
00:07:33
ReactJS Index As Keys Anti Patterns
00:10:56
ReactJS Styling And CSS Basics
00:11:36
ReactJS Basics Of Form Handling
00:13:44
ReactJS Components Lifecycle Methods
00:02:40
ReactJS Components Mounting Lifecycle Methods
00:10:33
ReactJS Components Updating Lifecycle Methods
00:10:32
ReactJS Fragments
00:09:40
ReactJS Pure Components
00:12:41
ReactJS Memo
00:04:17
ReactJS Refs
00:09:30
ReactJS Refs With Class Compoents
00:05:36
ReactJS Forwarding Refs
00:04:23
ReactJS Portals
00:09:16
ReactJS Error Boundary
00:10:49
ReactJS Higher Order Components Part 1
00:10:43
ReactJS Higher Order Components Part 2
00:12:34
ReactJS Higher Order Components Part 3
00:03:38
ReactJS Render Props Part 1
00:04:59
ReactJS Render Props Part 2
00:11:06
ReactJS Context Part 1
00:03:26
ReactJS Context Part 2
00:07:22
ReactJS Context Part 3
00:04:40
ReactJS HTTP And Reacts
00:03:18
ReactJS HTTP Get Request
00:07:43
ReactJS HTTP Post Request
00:07:09
ReactJS Hooks
33 Lessons
03:35 Hours
React Hooks Introduction
00:07:41
React Hooks useState
00:10:42
React Hooks useState With Previous State
00:06:17
React Hooks useState With Objects
00:07:41
React Hooks useState With Array
00:05:53
React Hooks useEffect With Hooks
00:03:48
React Hooks useEffect After Render
00:07:21
React Hooks Conditionally Run Effects
00:07:36
React Hooks Run Effects Only Once
00:05:20
React Hooks useEffect With CLeanup
00:05:50
React Hooks use Effect With Incorrect Dependency
00:10:17
React Hooks Fetching Data With useEffect Part 1
00:05:39
React Hooks Fetching Data With useEffect Part 2
00:04:46
React Hooks Fetching Data With useEffect Part 3
00:02:55
React Hooks use Context Hooks part 1
00:03:44
React Hooks use Context Hooks part 2
00:06:06
React Hooks use Context Hooks part 3
00:02:58
React Hooks useReducer Hooks
00:08:45
React Hooks useReducer Simple State Action
00:09:46
React Hooks useReducer Complex State Action
00:08:32
React Hooks Multiple Reducer
00:03:05
React Hooks useReducer With useContext
00:12:07
React Hooks Fatching Data With Reducer Part 1
00:07:01
React Hooks Fatching Data With Reducer Part 2
00:07:10
React Hooks useState vs useReducer
00:04:15
React Hooks useCallback Hooks
00:15:23
React Hooks useMemo Hooks
00:10:38
React Hooks useRef Hooks Part 1
00:04:17
React Hooks useRef Hooks Part 2
00:09:43
React Hooks Custom Hooks
00:01:50
React Hooks useDocument Title Custom Hooks
00:08:56
React Hooks useCounter Custom Hooks
00:07:43
React Hooks useInput Custom Hooks
00:09:41
ReactJS Render
15 Lessons
01:52 Hours
ReactJS Render Introduction
00:02:45
ReactJS Render Rending
00:05:41
ReactJS Render useState
00:12:39
ReactJS Render Immutability
00:09:22
ReactJS Render State Immutability
00:11:14
ReactJS Render Parent And Child
00:11:01
ReactJS Render Same Element And Reference
00:12:39
ReactJS Render React Memo
00:08:21
ReactJS Render Question And Optimization
00:05:39
ReactJS Render Incorrect Memo with Children
00:06:13
ReactJS Render Incorrect Memo With Impure Components
00:05:05
ReactJS Render Incorrcect Memo With Props Reference
00:07:23
ReactJS Render useMemo and useCallback
00:04:19
ReactJS Render Context
00:11:11
ReactJS Render Context And Memo
00:04:13
ReactJS TypeScript
25 Lessons
02:13 Hours
ReactJS TypeScript Introduction
00:03:20
ReactJS TypeScript Getting Started
00:04:38
ReactJS TypeScript Typing Props
00:05:43
ReactJS TypeScript Basic Props
00:08:13
ReactJS TypeScript Advanced Props
00:09:39
ReactJS TypeScript Event Props
00:07:29
ReactJS TypeScript Style Props
00:03:31
ReactJS TypeScript Prop Types And Tips
00:04:10
ReactJS TypeScript useStates Hooks
00:04:33
ReactJS TypeScript useState Future Value
00:06:07
ReactJS TypeScript useStates Type Assertion
00:02:18
ReactJS TypeScript useReducer Hook React
00:06:32
ReactJS TypeScript useReducer Strict Action
00:05:29
ReactJS TypeScript useContext Hooks
00:07:18
ReactJS TypeScript useContext Future Value
00:11:32
ReactJS TypeScript useRef Hook
00:06:23
ReactJS TypeScript Class Component
00:03:47
ReactJS TypeScript Component Pros
00:05:14
ReactJS TypeScript Generic Props
00:08:41
ReactJS TypeScript Restricting Props
00:05:40
ReactJS TypeScript Template Literals and Exclude
00:06:18
ReactJS TypeScript Wrapping HTML Elements
00:07:33
ReactJS TypeScript Extracting Components Prop Type
00:03:01
ReactJS TypeScript Polymorphic Components
00:04:01
ReactJS TypeScript Wrapping up
00:02:16
Requirements
- Good Laptop Min: 8GB RAM
- Good Internet Connection
- Any Degree
- 4Hrs / Day For Learning
Description
The React.js framework is an open-source JavaScript framework and library developed by Facebook. It’s used for building interactive user interfaces and web applications quickly and efficiently with significantly less code than you would with vanilla JavaScript.
In React, you develop your applications by creating reusable components that you can think of as independent Lego blocks. These components are individual pieces of a final interface, which, when assembled, form the application’s entire user interface.
React’s primary role in an application is to handle the view layer of that application just like the V in a model-view-controller (MVC) pattern by providing the best and most efficient rendering execution. Rather than dealing with the whole user interface as a single unit, React.js encourages developers to separate these complex UIs into individual reusable components that form the building blocks of the whole UI. In doing so, the ReactJS framework combines the speed and efficiency of JavaScript with a more efficient method of manipulating the DOM to render web pages faster and create highly dynamic and responsive web applications.
In React, you develop your applications by creating reusable components that you can think of as independent Lego blocks. These components are individual pieces of a final interface, which, when assembled, form the application’s entire user interface.
React’s primary role in an application is to handle the view layer of that application just like the V in a model-view-controller (MVC) pattern by providing the best and most efficient rendering execution. Rather than dealing with the whole user interface as a single unit, React.js encourages developers to separate these complex UIs into individual reusable components that form the building blocks of the whole UI. In doing so, the ReactJS framework combines the speed and efficiency of JavaScript with a more efficient method of manipulating the DOM to render web pages faster and create highly dynamic and responsive web applications.
+
View More
Write A Public Review