Complete React Hooks Course 2021: A – Z ( Scratch to React )

Complete React Hooks Course 2021: A – Z ( Scratch to React ), available at $64.99, has an average rating of 4.3, with 57 lectures, based on 1575 reviews, and has 7617 subscribers.

You will learn about React Hooks from scratch Learn React Hooks way React Hooks advanced level This course is ideal for individuals who are Beginner React developers or React Developers moving to latest version of React It is particularly useful for Beginner React developers or React Developers moving to latest version of React.

Enroll now: Complete React Hooks Course 2021: A – Z ( Scratch to React )

Summary

Title: Complete React Hooks Course 2021: A – Z ( Scratch to React )

Price: $64.99

Average Rating: 4.3

Number of Lectures: 57

Number of Published Lectures: 57

Number of Curriculum Items: 57

Number of Published Curriculum Objects: 57

Original Price: $129.99

Quality Status: approved

Status: Live

What You Will Learn

React Hooks from scratch
Learn React Hooks way
React Hooks advanced level

Who Should Attend

Beginner React developers
React Developers moving to latest version of React

Target Audiences

Beginner React developers
React Developers moving to latest version of React

This is a modern and comprehensive React JS course that focuses on only the latest version of React with hooks ( “no classes”). We will cover the following: You will learn react from scratch , no prior knowledge of react required.

Fundamentals like JSX, component communication, events, fragments, Higher Order Components, and more.
Understand best way to organize files in a react project using common patterns for folder structure
Built-in hooks like useState, useEffect, useReducer, useContext, useDebugValue, useMemo, useRef, useLayoutEffect.
Build our own custom hooks.
Use create-react-app , a command line interface ( CLI ) to swiftly create react projects.
Build a Single Page Application ( SPA ) using react-router-dom
Global State Management with Redux and Redux thunk
Learn unit testing , snapshot testing, mocking in React with Jest and React testing Library .
Build a To-Do app using react
Build a complete drag-n-drop app using react
Build a reusable component library and a documentation site using react styleguidist
Build a documentation site using react storybook
All the code examples are provided in github for your reference.
Many coding exercise to practice
Learn how to upload your react project on github

One of the best feature of this course is its simplicity. All the coding samples are very easy to understand. I prefer to use real-time use casesto explain concepts.

Course Curriculum

Chapter 1: Introduction & Setup

Lecture 1: Course Introduction

Lecture 2: Getting Started

Lecture 3: Installing React

Lecture 4: Understanding Project Structure

Lecture 5: Setting up SASS

Lecture 6: Setting up linter

Chapter 2: React Fundamentals

Lecture 1: JSX

Lecture 2: Styling Components

Lecture 3: Reusable Components

Lecture 4: Props

Lecture 5: Fragments

Lecture 6: Destructring Props

Lecture 7: Conditional Rendering

Lecture 8: Higher Order Components

Lecture 9: useState Hook

Lecture 10: Hooks Internals

Lecture 11: Hooks Rules

Lecture 12: Complex State

Lecture 13: Managing Lists

Chapter 3: Handling Events

Lecture 1: Adding Events

Lecture 2: Component Communication

Lecture 3: Using Multiple Local States

Lecture 4: Keyboard Events

Lecture 5: Building your own Custom Hook

Lecture 6: onChange Event

Lecture 7: useRef Hook

Lecture 8: Forwarding refs

Chapter 4: Component Lifecycle

Lecture 1: Lifecycle Methods

Lecture 2: useEffect Hook

Lecture 3: useEffect Example

Lecture 4: Fetch Data with Async Await

Lecture 5: useMemo Hook ( Memoization )

Lecture 6: Custom Hook: usePrevious

Lecture 7: useLayoutEffect Hook

Lecture 8: useDebugValue Hook

Lecture 9: Custom Hook: useCustomFetch

Chapter 5: React Router

Lecture 1: Setting up Routes

Lecture 2: Route Links

Lecture 3: Route Redirect

Lecture 4: Route Prompt

Lecture 5: useContext Hook

Chapter 6: Redux

Lecture 1: Redux Fundamentals

Lecture 2: React + Redux

Lecture 3: Combining Multiple Reducers

Lecture 4: Redux Thunk

Lecture 5: useReducer Hook

Lecture 6: React + Mobx

Chapter 7: Hooks Testing

Lecture 1: Testing Philosophy

Lecture 2: Unit Test with Jest

Chapter 8: Projects

Lecture 1: Tic Tac Toe Game

Lecture 2: Draggable List

Chapter 9: Building your own reusable component library

Lecture 1: Requirement for a component library

Lecture 2: Build a reusable button component

Lecture 3: Building a style-guide with styleguidist

Chapter 10: Type Checking

Lecture 1: PropTypes

Lecture 2: Flow Types

Lecture 3: TypeScript

Instructors

Hemil Patel
Front-End UI Developer, Architect

Rating Distribution

1 stars: 19 votes
2 stars: 28 votes
3 stars: 110 votes
4 stars: 482 votes
5 stars: 936 votes

Frequently Asked Questions

How long do I have access to the course materials?

You can view and review the lecture materials indefinitely, like an on-demand channel.

Can I take my courses with me wherever I go?

Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!

Menu