A one-hour course to get you up to speed with class components in React.
Overview
COURSE DIFFICULTY
Skills Learned
After completing this online training course, students will be able to:
ES6 classes review
State in class components
State
Setting state
Convert to a class component
The constructor method
update complex state
componentdidMount()
componentdidUpdate
componentWillUnmount
Lifecycle methods
thissetState()
Class components Challenges
01. Learn Class Components in React
- Class Components Section Intro
- ES6 Classes Review
- Intro to Class Components
- Class Components Practice
- Frontend Career Path
- State in Class Components
- Setting State in Class Components
- Challenge: Convert to a Class Component with State
- Constructor Method in Class Components
- Challenge: Constructor Method
- Updating Complex State with this.setState()
- Lifecycle Methods Intro
- Lifecycle Methods: componentDidMount() 👶
- Lifecycle Methods: componentDidUpdate() Part 1 ✏️
- Lifecycle Methods: componentDidUpdate() Part 2 ✏️
- Lifecycle Methods: componentWillUnmount() 🪦
- Other Lifecycle Methods
SKILLS LEARNED
Skills Learned
After completing this online training course, students will be able to:
ES6 classes review
State in class components
State
Setting state
Convert to a class component
The constructor method
update complex state
componentdidMount()
componentdidUpdate
componentWillUnmount
Lifecycle methods
thissetState()
Class components Challenges
COURSE OUTLINE
01. Learn Class Components in React
- Class Components Section Intro
- ES6 Classes Review
- Intro to Class Components
- Class Components Practice
- Frontend Career Path
- State in Class Components
- Setting State in Class Components
- Challenge: Convert to a Class Component with State
- Constructor Method in Class Components
- Challenge: Constructor Method
- Updating Complex State with this.setState()
- Lifecycle Methods Intro
- Lifecycle Methods: componentDidMount() 👶
- Lifecycle Methods: componentDidUpdate() Part 1 ✏️
- Lifecycle Methods: componentDidUpdate() Part 2 ✏️
- Lifecycle Methods: componentWillUnmount() 🪦
- Other Lifecycle Methods
