Development
Web Development
React Hooks
React Hooks
4.4 (972 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.
3,781 students enrolled

React Hooks

Learn the future of creating React apps today!
4.4 (972 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.
3,781 students enrolled
Created by Reed Barger
Last updated 1/2020
English
English [Auto-generated]
Preview this course
React Hooks
Current price: $23.99 Original price: $34.99 Discount: 31% off
5 hours left at this price!
Buy now
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
Introducing the useState Hook
Preview 05:42
Use Previous State with useState
02:21
Toggle State with useState
06:07
Introducing the useEffect Hook
05:10
Cleaning up Side Effects in useEffect
09:16
Using / Cleaning up Multiple Listeners in useEffect
05:10
Cleaning up Listeners without a Supportive API
07:36
Comparing Function Component and Class Components
06:14
+ – Building Stateful Components with Functions
3 lectures 23:17
Implementing a Login Form with Multiple State Values
09:53
Implementing a Register Form with a Single State Value
08:27
Comparing Ways of Managing State
04:57
+ – Data Fetching with Hooks / Replacing Class Lifecycle Methods (useEffect, useRef)
9 lectures 32:35
Intro to Data Fetching Project
02:06
Fetching Data on component Mount with useEffect
06:23
Using Async / Await for Fetching Data in useEffect
02:46
Fetching Search Results on Component Update with useEffect
03:15
Fetching Data upon Submitting Form
Preview 03:39
Using the useRef Hook on our Search Input
04:22
Displaying Loading State with useState
02:36
Error Handling and Displaying Errors with useState
02:07
Styling our Project with TailwindCSS (Optional)
05:21
+ – Building a Complete CRUD App with React Hooks / Replacing Redux
10 lectures 58:08
Project Setup for our CRUD App
02:49
Avoiding Props Drilling with React Context and the useContext Hook
07:11
Replacing Redux with the useReducer Hook
05:51
Combining useContext and useReducer to Make Initial App State
Preview 08:07
Styling our TodoList Component with TailwindCSS
04:41
Toggling Todos / "TOGGLE_TODO" case
05:57
Removing Todos / "REMOVE_TODO" case
02:56
Adding Todos and TodoForm Component / "ADD_TODO" case
06:45
Updating Todos / "UPDATE_TODO" case
08:37
Improving our App
05:14
+ – Connecting our App to an API
6 lectures 18:57
Creating / Deploying our API to Persist App Data
03:45
Creating a Custom Hook to Fetch Initial App Data
05:34
Delete Request to Remove Todos
Preview 02:17
Performing Post Request to Add Todos
03:08
Performing Patch Request to Toggle Todos
02:14
Finishing our App
01:59
Requirements
  • Basic familiarity with the React library
  • Familiarity with ES6 JavaScript
Description

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
Featured review
Dami
Dami ( 119 courses, 6 reviews )
a year ago
He's really good one. I love his teaching style. Thanks to his well organized lecture, I can get much more familiar with the React syntax which is hard to get it before. I guess he used real world examples. By the way, his lectures' so great. I've subscribed his series of a course now. Thanks always :)