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.
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
Implement a light/dark theme feature for a React to-do application using custom hooks!
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.
Prevent your React application from crashing by adding in error boundaries.
— 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.
Learn advanced React techniques and topics including custom hooks, error boundaries, the Context API, and optimization.
Earn a certificate of completion
8 hours to complete in total
1 informational, 2 external resources
1 lesson, 1 quiz, 1 project
1 lesson, 1 project, 1 quiz
1 article, 1 lesson, 1 quiz, 1 project
1 article, 1 informational