React.js | Enhance knowledge online

What Will I Learn?

Installation
React.js Basic
Hooks
Render
Event Handling
Forms
Component
HTTP
Typescript

Knowledge Detail

116 Lessons 14:09:25 Hours

ReactJS Basics

43 Lessons 05:54:48 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:53:26 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:57:45 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:23:26 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.

+ View More

Other Related Courses

12:32:12 Hours

Core Java

Updated Thu, 14-Mar-2024

21:13:38 Hours

Angular

Updated Thu, 14-Mar-2024

01:42:52 Hours

Spring Boot

Updated Wed, 21-Feb-2024

04:35:08 Hours