HomeCoursesThe Road to React: The One with Hooks

Updated 5 months ago

AI-powered learning

Save

The Road to React: The One with Hooks

Name: The Road to React: The One with Hooks
Price: 59 USD
Rating: 4.56 (27 reviews)
Author: Robin Wieruch

Gain insights into React fundamentals and Hooks. Delve into styling, app maintenance, and performance optimization. Discover hands-on experience by building a Hacker News app for your portfolio.

4.6

63 lessons

1 project

25h

Created by Robin Wieruch

What's included

63 lessons across 9 modules
13 quizzes with instant feedback
1 project in preconfigured environments
AI Tutor on every lesson

Join 3.1 million developers at

What You'll Learn

Create and run a React app with create-react-app, navigating key project files and folders
Build React function components using JSX, props, and component composition (children)
Manage component state and input with useState, controlled components, and lifting state up
Handle side-effects with useEffect, including syncing state to localStorage via custom hooks
Fetch and re-fetch Hacker News data with fetch or axios, handling loading and error states
Optimize rendering with useCallback and useMemo to reduce unnecessary computation and re-renders
Test and maintain React apps using Jest, TypeScript typing, and scalable project structure

Learning Roadmap

63 Lessons13 Quizzes

Introduction

Get familiar with React fundamentals, practical applications, and building functional React apps.

Who Is This Course For?

Simple React App

Fundamentals of React

Walk through React fundamentals, JSX, state management, hooks, data fetching, and async handling.

React Legacy

3 Lessons

Examine the evolution and current state of React class components and imperative ref handling.

Styling in React

3 Lessons

Grasp the fundamentals of CSS methods, CSS Modules, and SVGs in React applications for styling.

React Maintenance

5 Lessons

Map out the steps for maintaining React applications with performance optimization, TypeScript, testing, and project structure.

React World (Advanced)

10 Lessons

Follow the process of advanced sorting, reverse order, memory of searches, avoiding duplicates, and paginated fetch in React.

Deploying a React Application

2 Lessons

Master the steps to deploy a React application using create-react-app and Firebase Hosting.

Get Live Weather Information Using React

Project

Premium

Final Words

Step through advanced React concepts, from state management to React Native.

Outline

Appendix

3 Lessons

Get started with the author's background, vital FAQs, and setting up a local React project.

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

About this course

WHY I WROTE THIS COURSE

This is a relaunch of my existing course, The Road to Learn React. A lot has changed in React since I first created this course, and so here I am to give you all the information you need to work with modern React. (If you’re looking for content on legacy React, the old course is still available as well.) In this course you will take a deep dive into React fundamentals, covering all new React concepts including Hooks. I do address some legacy features in case you’re working with an older codebase, but the majority of this course will focus on working with modern React. You will learn how to style your app, techniques for maintaining your app, and some more advanced concepts like performance optimization. Throughout the course, you will gain hands-on experience by building a Hacker News app, and by the end of this course, you will be prepared to build your own applications and have something to showcase in your portfolio.

ABOUT THE AUTHOR

Robin Wieruch

Every Educative resource is designed by our team of ex-MAANG software engineers and PhD computer science educators — subject matter experts who've shipped production code at scale and taught the theory behind it. No videos, no fluff.

Learn more about Robin

Trusted by 3.1 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

Vinay Krishnaiah

Software Developer

Course

Advanced React Patterns With Hooks

Gain insights into advanced React patterns with hooks. Learn about optimizing components with hooks over traditional methods like render props or higher-order components for better efficiency.

8 h

advanced

Course

Next.js - The ultimate way to build React apps

Gain insights into building ultra-fast React apps with Next.js. Delve into application creation, static optimization, and SEO practices a giphy search app using the giphy.com API.

5 h

intermediate

Course

Using TypeScript with React

Gain insights into integrating TypeScript with React to improve productivity. Learn about strongly-typed props, state, and events, and set up projects using Create React App, Webpack, and Babel.

9 h

intermediate

Course

Integrating Firebase with React

Gain insights into integrating Firebase with React. Learn about authentication, session handling, and deploying web apps. Explore live VM features for real-time code modifications.

9 h

beginner

Course

Test-driven Development with React

Gain insights into Test-driven Development with React. Learn unit and integration testing using Jest and Enzyme, and explore tools like ESlint, Prettier, Babel, Webpack, and Travis CI.

17 h 30 m

beginner

Course

Learn React 19: The Complete Guide to Modern Web Apps

Start from the basics and become a confident React 19 developer by building fast, real-world UIs while learning scalable architecture, async UI patterns, performance optimization, and projects.

29 h

beginner

Course

Advanced React Patterns With Hooks

advanced

8 hour

Course

Next.js - The ultimate way to build React apps

intermediate

5 hour

Course

Using TypeScript with React