AI-powered learning
Save this course
The Road to React: The One with Class Components
Gain insights into V15 React fundamentals, API work, code organization, testing, and state management. Discover hands-on skills by building a Hacker News App for your portfolio.
62 Lessons
13h
Join 2.9 million developers at
Join 2.9 million developers at
Learning Roadmap
1.
Introduction
Introduction
Get familiar with React fundamentals, practical application, ES6 transition, and hands-on projects.
2.
Intro to React and some JavaScript Basics
Intro to React and some JavaScript Basics
Look at React, JavaScript basics like ES6 features, and create-react-app setup.
3.
Basics in React
Basics in React
14 Lessons
14 Lessons
Examine core React concepts like local state, events, unidirectional data flow, and component composition.
4.
Getting Real with an API
Getting Real with an API
10 Lessons
10 Lessons
Grasp the fundamentals of React APIs, lifecycle methods, data fetching, conditional rendering, and error handling.
5.
Code Organization and Testing
Code Organization and Testing
7 Lessons
7 Lessons
Take a closer look at organizing code, testing with Jest and Enzyme, and debugging.
6.
Advanced React Components
Advanced React Components
6 Lessons
6 Lessons
Focus on advanced techniques in React, including ref attributes, HOCs, and advanced sorting.
7.
State Management in React and beyond
State Management in React and beyond
4 Lessons
4 Lessons
Build on effective state management techniques in React, including lifting state and using setState().
8.
Final Steps to Production
Final Steps to Production
2 Lessons
2 Lessons
Step through customizing configurations and deploying your React app to Heroku.
9.
Appendix: Bootstrapping your React App
Appendix: Bootstrapping your React App
9 Lessons
9 Lessons
Walk through bootstrapping a React app, managing dependencies, using JSX, and optimizing development.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Complete more lessons to unlock your certificate
Developed by MAANG Engineers
ABOUT THIS COURSE
If you’re working with a legacy React codebase, then this course will prove useful. React has seen a great deal of change over the years, but there might be situations where you have to work with an older version.
In this course, you will learn the fundamentals of V15 React. You will learn how to work with an API, how to organize and test your code as well as how to give your React app state. Throughout this course, you will have hands-on experience building a fully functional Hacker News App. By the end of this course, you will be prepared to build your own applications and have something to showcase in your portfolio.
If you’re looking for the updated version of this course featuring V16, please visit The Road to React: The one with Hooks.
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.
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Future-proof Your Career
Get hands-on with in-demand skills
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Free Resources
