React Hooks

Video description

Learn the future of creating React apps today!

About This Video

  • Use and be effective with the major hooks (useState, useEffect, useReducer, useContext, useRef)
  • Understand in-depth how each of these hooks works and what they replace (according to our class components)
  • Learn to replace state management libraries like Redux with the useReducer Hook
  • Learn the TailwindCSS Framework to rapidly style your React apps

In Detail

React Hooks are a groundbreaking feature in React that fundamentally changes the way how we create React applications.

Here are some of what we have covered:

  • How to fetch data with async / await functions with the useEffect hook
  • Remove the need to pass data around using props with React Context and the useContext Hook
  • How to effectively manage state in function components with the useState Hook
  • Working with / manipulating React elements using the useRef Hook
  • See how to create your custom hooks for your purposes and individual applications
  • How to work with external / browser APIs using React Hooks
  • Use the Global Serverless Deployment tool Now to deploy our API and final project

And much more!

This course will give you everything you need to learn and be effective with the latest features of React Hooks. Start using the latest and greatest features in React right now with React Hooks! Don't delay. Let's get started making next-generation React apps with React Hooks.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Getting Started
    1. React Hook Intro 00:02:12
    2. What You Will Need for this Course 00:00:41
    3. Install React 16.7 to Use React Hooks 00:02:57
    4. What are React Hooks? 00:01:24
  2. Chapter 2 : Moving from Classes to Function Components (useState, useEffect)
    1. Introducing the useState Hook 00:05:43
    2. Use Previous State with useState 00:02:21
    3. Toggle State with useState 00:06:08
    4. Introducing the useEffect Hook 00:05:10
    5. Cleaning up Side Effects in useEffect 00:09:16
    6. Using / Cleaning up Multiple Listeners in useEffect 00:05:11
    7. Cleaning up Listeners without a Supportive API 00:07:36
    8. Comparing Function Component and Class Components 00:06:14
  3. Chapter 3 : Building Stateful Components with Functions
    1. Implementing a Login Form with Multiple State Values 00:09:53
    2. Implementing a Register Form with a Single State Value 00:08:28
    3. Comparing Ways of Managing State 00:04:57
  4. Chapter 4 : Data Fetching with Hooks / Replacing Class Lifecycle Methods (useEffect, useRef)
    1. Intro to Data Fetching Project 00:02:07
    2. Fetching Data on component Mount with useEffect 00:06:24
    3. Using Async / Await for Fetching Data in useEffect 00:02:47
    4. Fetching Search Results on Component Update with useEffect 00:03:15
    5. Fetching Data upon Submitting Form 00:03:39
    6. Using the useRef Hook on our Search Input 00:04:22
    7. Displaying Loading State with useState 00:02:36
    8. Error Handling and Displaying Errors with useState 00:02:07
    9. Styling our Project with TailwindCSS (Optional) 00:05:22
  5. Chapter 5 : Building a Complete CRUD App with React Hooks / Replacing Redux
    1. Project Setup for our CRUD App 00:02:49
    2. Avoiding Props Drilling with React Context and the useContext Hook 00:07:11
    3. Replacing Redux with the useReducer Hook 00:05:52
    4. Combining useContext and useReducer to Make Initial App State 00:08:07
    5. Styling our TodoList Component with TailwindCSS 00:04:42
    6. Toggling Todos / 'TOGGLE_TODO' case 00:05:57
    7. Removing Todos / 'REMOVE_TODO' case 00:02:57
    8. Adding Todos and TodoForm Component / 'ADD_TODO' case 00:06:45
    9. Updating Todos / 'UPDATE_TODO' case 00:08:38
    10. Improving our App 00:05:14
  6. Chapter 6 : Connecting our App to an API
    1. Creating / Deploying our API to Persist App Data 00:03:45
    2. Creating a Custom Hook to Fetch Initial App Data 00:05:35
    3. Delete Request to Remove Todos 00:02:18
    4. Performing Post Request to Add Todos 00:03:08
    5. Performing Patch Request to Toggle Todos 00:02:15
    6. Finishing our App 00:02:01

Product information

  • Title: React Hooks
  • Author(s): Reed Barger
  • Release date: October 2019
  • Publisher(s): Packt Publishing
  • ISBN: 9781839210075