Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Class Components in React Tutorial

Scrimba via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn class components in React through this comprehensive tutorial that covers essential concepts from basic syntax to advanced lifecycle methods. Master ES6 class syntax fundamentals before diving into React-specific implementations, including how to pass props to class components and convert existing functional components into class-based ones. Explore state management within class components, learning proper techniques for setting and updating state using this.setState(), including handling complex state objects. Understand the constructor method's role in class components and practice implementation through hands-on coding challenges. Discover React lifecycle methods including componentDidMount() for handling side effects after component mounting, componentDidUpdate() for responding to prop or state changes while avoiding infinite loops, and componentWillUnmount() for cleanup operations. Gain exposure to additional lifecycle methods to round out your understanding of the complete React class component lifecycle and when to apply each method effectively.

Syllabus

Intro to Class Components | Class Components in React tutorial
ES6 (JavaScript) classes review | Class Components in React tutorial
Pass props to Class Components | Class Components in React tutorial
Convert functional components into class components | Class Components in React tutorial
State in class components | Class Components in React tutorial
Setting state in class components | Class Components in React tutorial
Code challenge: convert to a class component with state | Class Components in React tutorial
Constructor method in class components | Class Components in React tutorial
Code challenge: constructor method | Class Components in React tutorial
Updating complex state with this.setState() | Class Components in React tutorial
Intro to React Lifecycle Methods | Class Components in React tutorial
Lifecycle methods: componentDidMount() | Class Components in React tutorial
Lifecycle methods: componentDidUpdate() ✏️ | Class Components in React tutorial
Preventing infinite loops in componentDidUpdate() ✏️ | Class Components in React tutorial
Lifecycle methods: componentWillUnmount() | Class Components in React tutorial
Other React Lifecycle Methods | Class Components in React tutorial

Taught by

Scrimba

Reviews

Start your review of Class Components in React Tutorial

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.