Udemy
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
  •  
Development
Web Development Data Science Mobile Development Programming Languages Game Development Database Design & Development Software Testing Software Engineering Development Tools No-Code Development
Business
Entrepreneurship Communications Management Sales Business Strategy Operations Project Management Business Law Business Analytics & Intelligence Human Resources Industry E-Commerce Media Real Estate Other Business
Finance & Accounting
Accounting & Bookkeeping Compliance Cryptocurrency & Blockchain Economics Finance Finance Cert & Exam Prep Financial Modeling & Analysis Investing & Trading Money Management Tools Taxes Other Finance & Accounting
IT & Software
IT Certification Network & Security Hardware Operating Systems Other IT & Software
Office Productivity
Microsoft Apple Google SAP Oracle Other Office Productivity
Personal Development
Personal Transformation Personal Productivity Leadership Career Development Parenting & Relationships Happiness Esoteric Practices Religion & Spirituality Personal Brand Building Creativity Influence Self Esteem & Confidence Stress Management Memory & Study Skills Motivation Other Personal Development
Design
Web Design Graphic Design & Illustration Design Tools User Experience Design Game Design Design Thinking 3D & Animation Fashion Design Architectural Design Interior Design Other Design
Marketing
Digital Marketing Search Engine Optimization Social Media Marketing Branding Marketing Fundamentals Marketing Analytics & Automation Public Relations Advertising Video & Mobile Marketing Content Marketing Growth Hacking Affiliate Marketing Product Marketing Other Marketing
Lifestyle
Arts & Crafts Beauty & Makeup Esoteric Practices Food & Beverage Gaming Home Improvement Pet Care & Training Travel Other Lifestyle
Photography & Video
Digital Photography Photography Portrait Photography Photography Tools Commercial Photography Video Design Other Photography & Video
Health & Fitness
Fitness General Health Sports Nutrition Yoga Mental Health Dieting Self Defense Safety & First Aid Dance Meditation Other Health & Fitness
Music
Instruments Music Production Music Fundamentals Vocal Music Techniques Music Software Other Music
Teaching & Academics
Engineering Humanities Math Science Online Education Social Science Language Teacher Training Test Prep Other Teaching & Academics
AWS Certification Microsoft Certification AWS Certified Solutions Architect - Associate AWS Certified Cloud Practitioner CompTIA A+ Cisco CCNA Amazon AWS CompTIA Security+ Microsoft AZ-900
Graphic Design Photoshop Adobe Illustrator Drawing Digital Painting InDesign Character Design Canva Figure Drawing
Life Coach Training Neuro-Linguistic Programming Personal Development Personal Transformation Mindfulness Life Purpose Meditation CBT Emotional Intelligence
Web Development JavaScript React CSS Angular PHP Node.Js WordPress Vue JS
Google Flutter Android Development iOS Development React Native Swift Dart Programming Language Mobile Development Kotlin SwiftUI
Digital Marketing Google Ads (Adwords) Social Media Marketing Google Ads (AdWords) Certification Marketing Strategy Internet Marketing YouTube Marketing Email Marketing Retargeting
Microsoft Power BI SQL Tableau Business Analysis Data Modeling Business Intelligence MySQL Data Analysis Blockchain
Business Fundamentals Entrepreneurship Fundamentals Business Strategy Business Plan Startup Freelancing Online Business Blogging Home Business
Unity Game Development Fundamentals Unreal Engine C# 3D Game Development C++ 2D Game Development Unreal Engine Blueprints Blender
30-Day Money-Back Guarantee
Development Web Development React Hooks

React Hooks

Learn the future of creating React apps today!
Rating: 4.5 out of 54.5 (1,497 ratings)
5,680 students
Created by Reed Barger
Last updated 12/2019
English
English [Auto]
30-Day Money-Back Guarantee

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.)
Curated for the Udemy for Business collection

Course content

6 sections • 39 lectures • 3h 5m total length

  • Preview00:41
  • Preview02:56
  • Preview01:23

  • Preview05: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

  • 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

  • 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
  • Preview03: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

  • 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
    Preview08: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

  • Creating / Deploying our API to Persist App Data
    03:45
  • Creating a Custom Hook to Fetch Initial App Data
    05:34
  • Preview02: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

Catherine Luse
Catherine Luse
54 courses
12 reviews
Rating: 5.0 out of 56 months ago
Gave me a good understanding of how React hooks work, and how they work together with Redux/application state. A couple of aspects of the course are broken or outdated (the icons, css, and the fake API at the end). But I just skipped the icons, the CSS wasn't important, and I used the vercel CLI with the fake API and it worked fine. These issues slowed me down somewhat but I still learned a lot from the course.

Instructor

Reed Barger
Professional Web and Mobile Developer
Reed Barger
  • 4.3 Instructor Rating
  • 8,927 Reviews
  • 38,175 Students
  • 21 Courses

I am a professional developer with a passion for learning and teaching everything I know.

I believe in learning through doing and this philosophy is present in every course that I teach.

I love to explore new web & mobile technologies and my courses focus on giving you the edge in our fast-moving industry.

Looking forward to seeing you inside one of my courses!

  • Udemy for Business
  • Teach on Udemy
  • Get the app
  • About us
  • Contact us
  • Careers
  • Blog
  • Help and Support
  • Affiliate
  • Impressum Kontakt
  • Terms
  • Privacy policy
  • Cookie settings
  • Sitemap
  • Featured courses
Udemy
© 2021 Udemy, Inc.