ReactJS Tutorial for beginners

React is a JavaScript library for building user interfaces. It is used to build single-page applications and it also allows us to create reusable UI components.

Beginner 0(0 Ratings) 0 Students enrolled
Created by Muntarin Rahman Last updated Mon, 27-Dec-2021 English
What will i learn?
  • React JS is essential for quickly developing huge web apps for any company.
  • Data may be dynamically updated in web pages that develop without having to reload them at each update trigger.
  • Application user interfaces may be made scalable, quick, and simple.
  • We can use React JS in conjunction with other JavaScript frameworks and libraries, such as AngularJS, in the MVC (Model View Controller) design.

Curriculum for this course
118 Lessons 14:30:15 Hours
ReactJS Fundamentals
43 Lessons 05:53:00 Hours
  • ReactJS Introduction 00:09:34
  • ReactJS Hello World 00:04:53
  • ReactJS Folder Structure 00:01:10
  • ReactJS Components 00:04:59
  • ReactJS Functional Components 00:06:32
  • ReactJS Class Components 00:06:22
  • ReactJS Hooks Update 00:03:54
  • ReactJS JSX 00:11:25
  • ReactJS Props 00:11:37
  • ReactJS State 00:10:35
  • ReactJS setState 00:14:30
  • ReactJS Destructuring props and state 00:04:45
  • ReactJS Event Handling 00:07:36
  • ReactJS Binding Event Handlers 00:11:56
  • ReactJS Methods and props 00:08:45
  • ReactJS Conditional Rendering 00:11:46
  • ReactJS List Rendering 00:11:57
  • ReactJS Lists and Keys 00:07:32
  • ReactJS Index as Key Anti-Pattern 00:11:00
  • ReactJS Styling and CSS Basics 00:11:40
  • ReactJS Basics of Form Handling 00:13:49
  • ReactJS Component Lifecycle Methods 00:02:39
  • ReactJS Component Mounting Lifecycle Methods 00:10:37
  • ReactJS Component Updating Lifecycle Methods 00:10:35
  • ReactJS Fragments 00:09:43
  • ReactJS Pure Components 00:12:45
  • ReactJS memo 00:04:21
  • ReactJS Refs 00:09:33
  • ReactJS Refs with Class Components 00:05:41
  • ReactJS Forwarding Refs 00:07:27
  • ReactJS Portals 00:09:19
  • ReactJS Error Boundary 00:10:53
  • ReactJS Higher Order Components (Part 1) 00:06:50
  • ReactJS Higher Order Components (Part 2) 00:12:39
  • ReactJS Higher Order Components (Part 3) 00:03:42
  • ReactJS Render Props (Part 1) 00:04:57
  • ReactJS Render Props (Part 2) 00:11:10
  • ReactJS Context (Part 1) 00:03:25
  • ReactJS Context (Part 2) 00:07:25
  • ReactJS Context (Part 3) 00:04:44
  • ReactJS HTTP and React 00:03:17
  • ReactJS HTTP GET Request 00:07:46
  • ReactJS HTTP Post Request 00:07:15
  • React Hooks Introduction 00:07:56
  • React Hooks useState Hook 00:10:45
  • React Hooks useState with previous state 00:06:21
  • React Hooks useState with object 00:07:19
  • React Hooks useState with array 00:05:55
  • React Hooks useEffect Hook 00:03:47
  • React Hooks useEffect after render 00:07:24
  • React Hooks Conditionally run effects 00:07:39
  • React Hooks Run effects only once 00:05:25
  • React Hooks useEffect with cleanup 00:05:54
  • React Hooks useEffect with incorrect dependency 00:10:24
  • React Hooks Fetching data with useEffect (Part 1) 00:05:37
  • React Hooks Fetching data with useEffect (Part 2) 00:04:45
  • React Hooks Fetching data with useEffect (Part 3) 00:02:58
  • React Hooks useContext Hook (Part 1) 00:03:43
  • React Hooks useContext Hook (Part 2) 00:06:09
  • React Hooks useContext Hook (Part 3) 00:03:02
  • React Hooks useReducer Hook 00:08:43
  • React Hooks useReducer (simple state and action) 00:09:49
  • React Hooks useReducer (complex state and action) 00:08:34
  • React Hooks Multiple useReducers 00:03:09
  • React Hooks useReducer with useContext 00:12:11
  • React Hooks Fetching data with useReducer (Part 1) 00:07:03
  • React Hooks Fetching data with useReducer (Part 2) 00:07:09
  • React Hooks useState vs useReducer 00:04:19
  • React Hooks useCallback Hook 00:15:26
  • React Hooks useMemo Hook 00:10:41
  • React Hooks useRef Hook (Part 1) 00:04:18
  • React Hooks useRef Hook (Part 2) 00:09:46
  • React Hooks Custom Hook 00:01:49
  • React Hooks useDocumentTitle Custom Hook 00:08:59
  • React Hooks useCounter Custom Hook 00:07:47
  • React Hooks useInput Custom Hook 00:09:46
  • React Render Introduction 00:02:44
  • React Render Rendering 00:05:44
  • React Render useState 00:12:41
  • React Render useReducer 00:09:25
  • React Render State Immutability 00:11:17
  • React Render Parent and child 00:11:03
  • React Render State Element Reference 00:12:42
  • React Render React memo 00:08:24
  • React Render Questions on Optimization 00:05:42
  • React Render Incorrect memo with children 00:06:11
  • React Render Incorrect memo with Impure component 00:05:07
  • React Render Incorrect memo with props reference 00:07:27
  • React Render useMemo and useCallback 00:04:23
  • React Render Context 00:11:14
  • React Render Context and memo 00:04:12
  • React Render Context and same Element Reference 00:03:39
  • React TypeScript Introduction 00:03:25
  • React TypeScript Getting Started 00:04:41
  • React TypeScript Typing Props 00:05:49
  • React TypeScript Basic Props 00:08:16
  • React TypeScript Advanced Props 00:09:48
  • React TypeScript Event Props 00:07:26
  • React TypeScript Style Props 00:03:39
  • React TypeScript Prop Types and Tips 00:04:21
  • React TypeScript useState Hook 00:04:36
  • React TypeScript useState Future Value 00:06:21
  • React TypeScript useState Type Assertion 00:02:26
  • React TypeScript useReducer Hook 00:06:36
  • React TypeScript useReducer Strict Action Types 00:05:41
  • React TypeScript useContext Hook 00:07:21
  • React TypeScript useContext Future Value 00:11:43
  • React TypeScript useRef Hook 00:06:31
  • React TypeScript Class Component 00:03:56
  • React TypeScript Component Prop 00:05:22
  • React TypeScript Generic Props 00:08:43
  • React TypeScript Restricting Props 00:05:46
  • React TypeScript Template Literals and Exclude 00:06:23
  • React TypeScript Wrapping HTML Elements 00:07:41
  • Extracting a Components Prop Types 00:03:11
  • React TypeScript Polymorphic Components 00:10:11
  • React TypeScript Wrapping Up 00:02:26
  • React Interview Questions - A preparation Guide 00:08:29
Requirements
  • PC
  • Internet Connectivity
  • Basic Knowledge of HTML, CSS and JavaScript
+ View more
Description

React is a library that allows us to create modular user interfaces. It supports the development of reusable user interface components that display data that varies over time. React is frequently used as the V in MVC. React separates the DOM from users, resulting in a more straightforward programming approach and improved speed. React can also use Node to render on the server and React Native to power native apps. One-way reactive data flow is implemented in React, which reduces boilerplate and makes it easier to reason about than traditional data binding.

+ View more
Other related courses
09:08:15 Hours
Business Plan Pro Tutorials
Updated Tue, 09-Mar-2021
0 0 Free
10:00:34 Hours
Web design Basic
Updated Sat, 25-Dec-2021
0 0 Free
10:24:16 Hours
Laravel 8 Tutorial
Updated Mon, 27-Dec-2021
0 0 Free
01:40:30 Hours
Microsoft Excel Basic
Updated Wed, 29-Dec-2021
0 1 Free
About the instructor
  • 0 Reviews
  • 0 Students
  • 3 Courses
+ View more
Muntarin Rahman
Student feedback
0
Average rating
  • 0%
  • 0%
  • 0%
  • 0%
  • 0%
Reviews
Preview this course
Free
Get enrolled
Includes:
  • 14:30:15 Hours On demand videos
  • 118 Lessons
  • Full lifetime access
  • Access on mobile and tv