AI Features
Log In
0% completed
All Lessons
Free Lessons (3)
Introduction
Who Is This Course For?
Simple React App
Fundamentals of React
Hello React
Exploring a React Project Directory Structure
Meet the First React Component
React JSX
Lists in React
Meet Another React Component
React Component Instantiation
React DOM
React Component Definition (Advanced)
Handler Function in JSX
React Props
React State
Callback Handlers in JSX
Lifting State in React
React Controlled Components
Props Handling (Advanced)
React Side-Effects
React Custom Hooks (Advanced)
React Fragments
Reusable React Component
React Component Composition
Imperative React
Inline Handler in JSX
React Asynchronous Data
React Conditional Rendering
React Advanced State
React Impossible States
Data Fetching with React
Data Re-Fetching in React
Memoized Handler in React (Advanced)
Explicit Data Fetching with React
Third-Party Libraries in React
Async/Await in React (Advanced)
Forms in React
React Legacy
React Class Components
React Class Components: State
Imperative React
Styling in React
CSS in React
CSS Modules in React
SVGs in React
React Maintenance
Performance - Avoiding First Render Computation
Performance - Avoiding Heavy Computation
Typescript in React
Unit Testing to Integration Testing
React Project Structure
React World (Advanced)
Challenge: Sorting
Solution Review: Sorting
Challenge: Reverse Sort
Solution Review: Reverse Sort
Challenge: Remember Last Searches
Solution Review: Remember Last Searches
Challenge: Avoiding Duplicates
Solution Review: Avoiding Duplicates
Challenge: Paginated Fetch
Solution Review: Paginated Fetch
Deploying a React Application
Build Process
Deploy to Firebase
Project
Get Live Weather Information Using React
Final Words
Outline
Appendix
About the Author
FAQ
Setup on a Local Machine
Home
Courses
The Road to React: The One with Hooks
Challenge: Reverse Sort
Try to sort in reverse order in a react app.
We'll cover the following...
Task
Task
The sort feature
...