React Hooks and Context (with React-Redux migration guide)

Learn the future of React and how to migrate your existing Redux code
Rating: 4.4 out of 5 (263 ratings)
8,467 students
React Hooks and Context (with React-Redux migration guide)
Rating: 4.4 out of 5 (263 ratings)
8,467 students
React Hooks at a Deep Level
Use React hooks with existing Redux code
useState, useEffect, useReducer, useContext
Global state with Context api
Mimic Redux functionality with just Hooks
Redux migration guide to React Hooks
working with forms and React hooks

Requirements

  • Javascript and basic React
Description

React Hooks?

React Hooks are the biggest fundamental change to React since React Fiber in Late 2017.

Previous tutorials with Redux and older patterns are becoming obsolete. Stay competitive and learn the current and future version of React.


I will show you how to migrate from React-Redux to React hooks without changing any of your Redux Code


What this course will cover?

We will begin with a detailed explanation about each of the major hooks. Then once we understand the hooks at a deep level we will begin coding.


I will give a detailed explanation of React hooks then we will go over how to integrate React Hooks into existing React - Redux projects. We will build these hooks from scratch so you will get the best of both worlds.


We will cover all the major hooks and I will show you how to write them in code.


By the end of the tutorial you will have the building blocks necessary to build complex apps.


Who this course is for:
  • Beginner React students
Course content
2 sections • 23 lectures • 50m total length
  • React Hooks Intro
    00:34
  • 2 rules off using hooks
    00:31
  • 4 Hooks Overview
    01:24
  • useState() overview
    02:58
  • useEffect() overview
    01:07
  • useReducer() overview
    01:16
  • Context overview
    01:53
  • useContext() overview
    02:33
  • Migration Guide from Redux to React hooks
    00:45
  • 6 ways to update state reference
    00:09
  • For more free courses in the future follow me on twitter
    00:02
  • Introduction
    00:34
  • Starter Code
    00:00
  • creating your first React hook
    02:01
  • adding the useState() hook
    02:27
  • adding the useEffect() hook
    03:57
  • adding the useReducer() hook
    04:27
  • adding the useContext() hook
    07:22
  • adding a Global state with Context
    04:54
  • creating a form with React Hooks
    02:26
  • adding useReducer() to the form
    03:44
  • adding global state to the form
    05:45
  • Final Project Code
    00:00

Instructor
Full Stack Developer at Coding Spectrum
Mohammad Iqbal
  • 4.2 Instructor Rating
  • 2,016 Reviews
  • 56,710 Students
  • 3 Courses

Mohammad Has been working in Web Development since late 2015. He holds 5 development certificates from Udacity. He has also previously worked as a code reviewer for Udacity. He has also completed freelance projects for startups and other B2B clients.

He is passionate about coding and always interested in new technology. Feel free to drop a message if you want to discuss anything.