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.
Robin Wieruch works at a Startup called Small Improvements in Berlin. In the recent years he has gained experiences in single page applications which use Ember, Angular and React. He is a full-time JavaScript developer, is doing his best to teach students on his blog and strives to learn something new every day himself.
Join 3.1 million developers at
What You'll Learn
- Build React V15 apps with class components using JSX and ReactDOM.render()
- Apply ES6 features (const/let, arrow functions, classes, destructuring, spread) in React code
- Manage local component state with constructors and setState(), including functional updates
- Implement events, forms, and controlled components to filter and search lists
- Fetch and paginate Hacker News API data via lifecycle methods, with cache and error handling
- Organize components with props, children, HOCs, and lifted state for reusability
- Test and debug components using Jest snapshots, Enzyme unit tests, PropTypes, and DevTools
Learning Roadmap
1.
Introduction
Introduction
2.
Intro to React and some JavaScript Basics
Intro to React and some JavaScript Basics
3.
Basics in React
Basics in React
14 Lessons
14 Lessons
4.
Getting Real with an API
Getting Real with an API
10 Lessons
10 Lessons
5.
Code Organization and Testing
Code Organization and Testing
7 Lessons
7 Lessons
6.
Advanced React Components
Advanced React Components
6 Lessons
6 Lessons
7.
State Management in React and beyond
State Management in React and beyond
4 Lessons
4 Lessons
8.
Final Steps to Production
Final Steps to Production
2 Lessons
2 Lessons
9.
Appendix: Bootstrapping your React App
Appendix: Bootstrapping your React App
9 Lessons
9 Lessons
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 3.1 million developers working at companies
Anthony Walker
@_webarchitect_
Evan Dunbar
ML Engineer
Software Developer
Carlos Matias La Borde
Souvik Kundu
Front-end Developer
Vinay Krishnaiah
Software Developer
Built for 10x Developers












Free Resources