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

Codecademy

Learn Advanced React

via Codecademy

Overview

Learn advanced React techniques and topics including custom hooks, error boundaries, the Context API, and optimization.

React is a powerful front-end library used in many of the most popular web applications on the internet. This advanced course will allow you to level up your React skills by learning techniques that you will likely encounter on the job as a front-end or full-stack developer.



### Take-Away Skills:

In this course, you will a variety of advanced React topics. You'll learn how to:

- Create error boundaries that protect areas of your application from runtime errors.
- Utilize the Context API to elegantly share data throughout your component tree and minimize prop drilling.
- Create custom hooks that minimize repetition and improve the readability of your code.
- Analyze the performance of your React applications and apply techniques to optimize them.

### Notes on Prerequisites:

This course covers advanced React topics. Therefore, we recommend that you first complete the [Learn React](https://www.codecademy.com/learn/react-101) course before getting started.

Syllabus

  • Welcome to Learn Advanced React: Welcome to Learn Advanced React!
    • Informational: Welcome to Learn Advanced React!
  • Advanced React: Custom Hooks: Create custom hooks to improve the readability of your code while hiding away complex hook logic.
    • Lesson: Custom Hooks
    • Quiz: Custom Hooks
    • Project: Theme Toggler
  • Advanced React: Context: Utilize the Context API to elegantly share data throughout your component tree and minimize prop drilling.
    • Lesson: React Context
    • Quiz: React Context
    • Project: Context Mixtape
  • Advanced React: Error Boundaries: Create error boundaries that protect areas of your application from runtime errors.
    • Lesson: React Error Boundaries
    • Project: Blank Thoughts
    • Quiz: React Error Boundaries
  • Advanced React: Optimization: Utilize the React Profiler and optimization techniques to create fast and responsive applications.
    • Article: React Profiler
    • Lesson: React Optimization
    • Quiz: React Optimization
    • Project: Optimize This!
  • Next Steps: You’ve completed the Learn Advanced React course! What’s next?
    • Informational: Advanced React: Next Steps

Taught by

Kenny Lin

Reviews

4.5 rating at Codecademy based on 119 ratings

Start your review of Learn Advanced React

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.