React Hooks
4.4 (1,117 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,231 students enrolled

React Hooks

Learn the future of creating React apps today!
4.4 (1,117 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
4,231 students enrolled
Created by Reed Barger
Last updated 1/2020
English [Auto]
Current price: $23.99 Original price: $34.99 Discount: 31% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 3 hours on-demand video
  • 4 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Understand how React Hooks work in-depth
  • Build impressive, real-world applications with React Hooks
  • Use React Hooks in place of previous libraries and patterns (i.e. Redux, Higher Order Components, etc.)
Course content
Expand all 40 lectures 03:06:58
+ Moving from Classes to Function Components (useState, useEffect)
8 lectures 47:36
Use Previous State with useState
Toggle State with useState
Introducing the useEffect Hook
Cleaning up Side Effects in useEffect
Using / Cleaning up Multiple Listeners in useEffect
Cleaning up Listeners without a Supportive API
Comparing Function Component and Class Components
+ Building Stateful Components with Functions
3 lectures 23:17
Implementing a Login Form with Multiple State Values
Implementing a Register Form with a Single State Value
Comparing Ways of Managing State
+ Data Fetching with Hooks / Replacing Class Lifecycle Methods (useEffect, useRef)
9 lectures 32:35
Intro to Data Fetching Project
Fetching Data on component Mount with useEffect
Using Async / Await for Fetching Data in useEffect
Fetching Search Results on Component Update with useEffect
Using the useRef Hook on our Search Input
Displaying Loading State with useState
Error Handling and Displaying Errors with useState
Styling our Project with TailwindCSS (Optional)
+ Building a Complete CRUD App with React Hooks / Replacing Redux
10 lectures 58:08
Project Setup for our CRUD App
Avoiding Props Drilling with React Context and the useContext Hook
Replacing Redux with the useReducer Hook
Styling our TodoList Component with TailwindCSS
Toggling Todos / "TOGGLE_TODO" case
Removing Todos / "REMOVE_TODO" case
Adding Todos and TodoForm Component / "ADD_TODO" case
Updating Todos / "UPDATE_TODO" case
Improving our App
+ Connecting our App to an API
6 lectures 18:57
Creating / Deploying our API to Persist App Data
Creating a Custom Hook to Fetch Initial App Data
Performing Post Request to Add Todos
Performing Patch Request to Toggle Todos
Finishing our App
  • Basic familiarity with the React library
  • Familiarity with ES6 JavaScript

What are React Hooks?

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

What do React Hooks change? Everything!

  • No need for class components!

  • No more this keyword!

  • No more Redux!

  • No more lifecycle methods!

  • No more props drilling!

React Hooks remove the need for all of these things! How?  That's what this course is all about. 

This course will give you everything you need to learn and be effective with the latest features of React Hooks.

These features are a huge change in how we make React apps.

Don't delay in learning what hooks have to offer.

Don't get left behind.

Start using the latest and greatest features in React right now with React Hooks!

What will we build in this course?

  • Three (3) unique projects made with React Hooks

  • Create an entire CRUD application from scratch with React Hooks as well as its own API

  • Build a news application where we can search for and fetch articles on programming topics like React Hooks

What will we cover in this course?

  • How to use and be effective with the major hooks (useState, useEffect, useReducer, useContext, useRef)

  • Understand in-depth how each of these hooks work and what they replace (according to our class components)

  • See how to replace state management libraries like Redux with the useReducer Hook

  • Remove the need to pass data around using props with React Context and the useContext Hook

  • How to fetch data with async / await functions with the useEffect 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 own custom hooks for your own purposes and individual applications

  • How to work with external / browser APIs using React Hooks

  • Learn the TailwindCSS Framework to rapidly style your React apps

  • Use the Global Serverless Deployment tool Now to deploy our API and final project

  • And much more...

No matter where you are in your React abilities, in a few hours, I'll take you from knowing nothing about React Hooks to being able to build complete, practical web apps with them.

I'll give you detailed explanations so you know exactly what's going on. And we'll also be making useful, enjoyable projects every step of the way to reinforce what you've learned.

Don't delay. Let's get started making next-generation React apps with React Hooks.

Who this course is for:
  • React / web developers interested in learning cutting-edge React features
  • Ambitious students looking to improve their React skills with the latest techniques