Learn Advanced React
Why Learn Advanced React?
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 course before getting started.
Codecademy courses have been taken by employees at
- 1Welcome to Learn Advanced React!
- 2Learn how to debug your react app with react dev tools.
- 3Create custom hooks to improve the readability of your code while hiding away complex hook logic.
- 4Utilize the Context API to elegantly share data throughout your component tree and minimize prop drilling.
- 5Create error boundaries that protect areas of your application from runtime errors.
What you'll create
Portfolio projects that showcase your new skills
Playing Hooky
Implement a light/dark theme feature for a React to-do application using custom hooks!
Context Mixtape
You're a music enthusiast working on getting gigs as a DJ. You'd like to showcase your incredible music taste with a curated selection of your favorite songs, also known as a "mixtape". Since you already know how to write React code, what better use could there be for practicing React Context? This application will have you practice your React Context chops by setting up a Context globally to store mixtape viewing settings. It will include a dedicated wrapper component for its Provider that sets up React state and a state updater function.
Blank Thoughts
Prevent your React application from crashing by adding in error boundaries.
How you'll master it
Stress-test your knowledge with quizzes that help commit syntax to memory

— Madelyn, Pinterest
I know from first-hand experience that you can go in knowing zero, nothing, and just get a grasp on everything as you go and start building right away.
Course Description
Learn advanced React techniques and topics including custom hooks, error boundaries, the Context API, and optimization.
Details
Earn a certificate of completion
8 hours to complete in total
Advanced
1 informational
1 informational, 2 external resources
Create custom hooks to improve the readability of your code while hiding away complex hook logic.
1 lesson, 1 quiz, 1 project
1 lesson, 1 project, 1 quiz
1 article, 1 lesson, 1 quiz, 1 project
1 article, 1 informational