4.6
Beginner
25h
Updated 1 month ago
The Road to React: The One with Hooks
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.
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.
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,...Show More
Content
1.
Introduction
2 Lessons
Get familiar with React fundamentals, practical applications, and building functional React apps.
2.
Fundamentals of React
34 Lessons
Walk through React fundamentals, JSX, state management, hooks, data fetching, and async handling.
Hello ReactExploring a React Project Directory StructureMeet the First React ComponentReact JSXLists in ReactMeet Another React ComponentReact Component InstantiationReact DOMReact Component Definition (Advanced)Handler Function in JSXReact PropsReact StateCallback Handlers in JSXLifting State in ReactReact Controlled ComponentsProps Handling (Advanced)React Side-EffectsReact Custom Hooks (Advanced)React FragmentsReusable React ComponentReact Component CompositionImperative ReactInline Handler in JSXReact Asynchronous DataReact Conditional RenderingReact Advanced StateReact Impossible StatesData Fetching with ReactData Re-Fetching in ReactMemoized Handler in React (Advanced)Explicit Data Fetching with ReactThird-Party Libraries in ReactAsync/Await in React (Advanced)Forms in React
3.
React Legacy
3 Lessons
Examine the evolution and current state of React class components and imperative ref handling.
4.
Styling in React
3 Lessons
Grasp the fundamentals of CSS methods, CSS Modules, and SVGs in React applications for styling.
5.
React Maintenance
5 Lessons
Map out the steps for maintaining React applications with performance optimization, TypeScript, testing, and project structure.
6.
React World (Advanced)
10 Lessons
Follow the process of advanced sorting, reverse order, memory of searches, avoiding duplicates, and paginated fetch in React.
7.
Deploying a React Application
2 Lessons
Master the steps to deploy a React application using create-react-app and Firebase Hosting.
9.
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.
Course Author:
Developed by MAANG Engineers
Trusted by 2.8 million developers working at companies
"These are high-quality courses. Trust me. I own around 10 and the price is worth it for the content quality. EducativeInc 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
Hands-on Learning Powered by AI
See how Educative uses AI to make your learning more immersive than ever before.
AI Prompt
Code Feedback
Explain with AI
AI Code Mentor
Free Resources
