Log In
0% completed
All Lessons
Free Lessons
Introduction
Why Comics?
Why Reintroduce React?
What’s Changed Since Version 16?
Lifecycle
New Lifecycle Methods
What’s Lifecycle Anyway?
Method 1: static getDerivedStateFromProps
Method 2: getSnapshotBeforeUpdate
Method 2: getSnapshotBeforeUpdate Extension in Detail
The Error Handling Lifecycle Methods
Method 1: static getDerivedStateFromError
Method 2: componentDidCatch
Conclusion
Context API
Simpler State Management with the Context API
Introduction to Context API
Provider and Consumer Components
Example: The Mini-Bank Application
Identifying Props being Drilled
Avoid Props Drilling with Context
Isolating Implementation Details
Updating Context Values
Conclusion
ContextType
Using Context without a Consumer
Using a Class Component with contextType
Conclusion
React.memo
React.memo === Functional PureComponent
How React.memo works?
Handling Deeply Nested Props
Conclusion
The Profiler
Identifying Performance Bottlenecks
Measuring Performance in React Apps
Getting Started
How does the Profiler Work?
Making Sense of the Profiler Results
The Flamegraph
The Ranked Chart
Component Stats
Example: Identifying Performance BottleNecks in the Bank App
Noting the Expected Behavior
Interpreting the Flamegraph
Profile Different Interactions
The Provider Value
Conclusion
Lazy Loading
Lazy Loading with React.lazy and Suspense
What is Lazy Loading?
Using React.lazy and Suspense
Handling Errors
No Named exports
Code Splitting Routes
Adding Lazy Loading to the Bank App
Conclusion
Hooks
Building Simpler React Apps
Introducing Hooks
The Candy Bowl - An Analogy
The State Hook
Multiple useState calls
Object as Initial Values
The Effect Hook
Passing Array Dependencies
Build Your Own Hooks
The Rules of Hooks
Advanced Hooks
Conclusion
Where to Go from Here?
Home
/
...
/
Why Reintroduce React?
Why Reintroduce React?
Let's learn why we need a reintroduction.
Access this course and
1400+
top-rated courses and projects.
Unlock Full Access
Preview Free Lessons
→
Preview Free Lessons