Home>
Courses>

Advanced React Patterns With Hooks

Advanced React Patterns With Hooks

Advanced

32 Lessons

8h

Certificate of Completion

AI-POWERED

Explanations

AI-POWERED

Explanations

This course includes

41 Playgrounds
24 Quizzes

This course includes

41 Playgrounds
24 Quizzes
Course Overview
Course Content

Course Overview

With the release of hooks, certain React patterns have gone out of style. Hooks are likely the way we’ll be writing React components for the next couple of years, so they are quite important. React patterns can still be used, but in most cases, developers will be better off using hooks. For example, they should choose hooks over render props or higher-order components. There may be specific cases where the aforementioned could still be used, but most of the time, hooks are better. That being said, this cour...Show More

Course Content

1.

Introduction

What to Expect
Why Use Advanced Patterns?
2.

Compound Components Pattern

What are Compound Components?Example: Building an Expandable ComponentPreventing Unnecessary RendersHandling State Change CallbacksKeeping Value Constant
Building the Compound Child ComponentsManageable Styling for Reusable ComponentsCustom Styling OptionsCustom Use of the Component
3.

Control Props

What are Control Props?How Control Props WorkUsing the Controlled ComponentBuilding a Custom HookProviding Default UI Elements
4.

Props Collection

What is the Props Collection Pattern?The Props Collection Pattern in Practice
5.

Prop Getters

What is the Prop Getters Pattern?Additional User PropsHandling Props with the Same Property Name
6.

State Initializer

3 Lessons

7.

State Reducer

6 Lessons

8.

Conclusion

2 Lessons

Course Author

Practice and apply your skills

Trusted by 1.4 million developers working at companies

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Evan Dunbar

ML Engineer

Carlos Matias La Borde

Software Developer

Souvik Kundu

Front-end Developer

Vinay Krishnaiah

Software Developer

Eric Downs

Musician/Entrepeneur

Kenan Eyvazov

DevOps Engineer

Souvik Kundu

Front-end Developer

Eric Downs

Musician/Entrepeneur

Anthony Walker

@_webarchitect_

Emma Bostian 🐞

@EmmaBostian

Hands-on Learning Powered by AI

See how Educative uses AI to make your learning more immersive than ever before.

Instant Code Feedback

Evaluate and debug your code with the click of a button. Get real-time feedback on test cases, including time and space complexity of your solutions.

AI-Powered Mock Interviews

Adaptive Learning

Explain with AI

AI Code Mentor

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath