The Complete Guide to Advanced React Component Patterns
5.0 /5- Offered byUDEMY
The Complete Guide to Advanced React Component Patterns at UDEMY Overview
Duration | 6 hours |
Total fee | ₹649 |
Mode of learning | Online |
Credential | Certificate |
The Complete Guide to Advanced React Component Patterns at UDEMY Highlights
- Earn a Certificate of completion from Udemy
- Learn from 2 downloadable resources & 3 article
- Get full lifetime access of the course material
- Comes with 30 days money back guarantee
The Complete Guide to Advanced React Component Patterns at UDEMY Course details
- For React developers looking to build truly reusable components
- For React developers looking to make a good impression on their (first) jobs
- For React developers looking for a simplified approach to teaching advanced React patterns
- For Intermediate React developers preparing for React job interviews
- For React developers looking to level-up into Senior React engineers
- Understand why design patterns are important and not just relying on if statements and more props
- You will no longer be or feel like a Junior/Intermediate React Developer
- Learn by mimicking real world examples by leveraging the popular Medium clap
- Understand custom hooks deeply. How they work and their invocation order
- Understand and avoid pitfalls with custom hooks and refs
- Leverage the compound component pattern to centralise logic within a single parent
- In this course, we'll walk you step-by-step and you'll be taught the ins and outs of advanced React patterns in such simple terms and methodology, you'll be surprised how the course makes such a difficult subject easy to grasp
- By the end of this course, you'll have learned patterns that'll set you apart and understand them enough to teach them yourself
- We'll start from the ground-up, touch every important aspect of advanced react patterns and do so with real-world examples
- We'll build a replica of the popular Medium clap component and lesson by lesson cover use cases (and edge cases) by implementing these advanced React patterns
The Complete Guide to Advanced React Component Patterns at UDEMY Curriculum
Introduction
Getting started with advanced patterns
Why Advanced react patterns
Design Patterns and React
The Medium Clap
The Medium Clap: Real world component for studying advance react patterns
Setting up your local environment
How the demo showcase works
Building and styling the medium clap
Handling user interactivity
Higher order components recap
Beginning to animate the clap
Creating and updating the animation timeline
Resolving wrong animated scale
Animating the clap count
Animating the total count
Creating animated bursts!
Custom Hooks: The first foundational pattern
Introduction to Custom Hooks
Building an animation custom hook
Why reusability fails - important!
Custom hooks and refs
When is my hook invoked?
The Compound components Pattern
Compound components in plain approachable language
Why compound components?
How to implement the pattern
Refactor to Compound components
Alternative export strategy
Exposing state via a callback
Invoking the useEffect callback only after mount!
Patterns for Crafting Reusable Styles
Introduction to reusable styles
Extending styles via a style prop
Extending styles via a className prop
The Control Props Pattern
The Problem to be solved
What is control props?
Implementing the pattern
Practical usage of control props
The Complete Guide to Advanced React Component Patterns at UDEMY Faculty details
The Complete Guide to Advanced React Component Patterns at UDEMY Entry Requirements
- Prerequisite: You already know how to build simple React component
- You have a basic understanding of how hooks work at least useState & useEffect
- Not mentioned
Other courses offered by UDEMY
The Complete Guide to Advanced React Component Patterns at UDEMY Students Ratings & Reviews
1 Rating- 4-51
Student Forum
Anything you would want to ask experts?