React class components on Scrimba
Quick answer: New React is hooks-first, but legacy code and interviews still mention class components. This free ~80-minute primer gets you comfortable with Component, this.state, lifecycle language, and reading older files—without abandoning modern React for day-to-day work.
We may earn a commission if you join Scrimba through our links.
Last reviewed: March 2026.
tutorial on React class components
FreeA one-hour course to get you up to speed with class components in React
View on Scrimba (opens in a new tab)About This Course
A one-hour course to get you up to speed with class components in React
This Intermediate-level course covers 80 min of content. It is available for free — no subscription required.
- Duration: 80 min
- Level: Intermediate
- Access: Free (no subscription required)
What Makes This Course Distinctive
Most new Scrimba React content is hooks-first, but real codebases still contain class components. This free module exists so you can open an older repo without panic. You work through the mental model: class syntax, this binding, lifecycle methods, and how state updates differ from hooks mentally even when patterns overlap.
Junior devs fear classes because bootcamps skipped them; seniors sometimes forget details. The course is short on purpose so you can slot it between larger projects. Pair it with Learn React for modern patterns, then use this when you inherit enterprise UI. It will not teach concurrent features or server components; it keeps you employable when legacy sticks around.
Prerequisites
Basic knowledge of HTML, CSS, and JavaScript is recommended before starting this course.
Who Is This Course For?
Best for developers who know modern React with hooks but may touch older files, open source, or interview questions about classes. Free access makes it an easy add-on for career changers like Maria before a first job. Skip if you only write greenfield hooks code and have zero legacy exposure planned.
Part of These Learning Paths
Choose This If
- You opened a repo and saw
extends React.Component; you need a fast, structured refresher. - You have avoided classes because hooks tutorials skipped them; this course closes that gap without a paid subscription.
- You want interview coverage for lifecycle vocabulary even while you write function components daily.
Related Courses
Practice & Learn More
- Practice React Hooks
- Practice React Projects
- How Long Does It Take to Learn Coding?
- Scrimba vs Codecademy | All Comparisons
Related Pages
- Practice React Hooks
- Practice React Projects
- Frontend Developer Path
- Scrimba vs Codecademy
- React Courses
- All Courses
- Scrimba Pricing
- Scrimba Review 2026
Yes! This course is completely free. No credit card or Scrimba Pro subscription is needed to start learning.
The course contains 80 min of interactive screencasts. Since you can pause and code along at your own pace, most learners finish in 2-4 weeks of regular practice.
You will build practical projects using tutorial on React concepts. Scrimba's interactive format lets you modify the instructor's code directly in the browser.
Ready to Upgrade Your Learning?
Use our partner link to claim 20% off Scrimba Pro and unlock all courses and career paths.