The Complete Guide to Advanced React Component Patterns
Build reusable React components without relying on if statements or more props! Use hooks & trusted advanced patterns!
Created by Ohans Emmanuel | 6 hours on-demand video course
In this course, I’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! You’ll be impressive on your next React interview, gain the respect of your colleagues, impress your boss, but more importantly, you’ll be proud of what you’d have accomplished afterwards.
What you’ll learn
- 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 centrallise logic within a single parent
- Understand these patterns explained as to a 5-year old – with detailed illustrations and guides
- Hate or love CSS, you’ll learn to build components whose CSS/styles may be extended as willed
- Rely on the inversion of control to users of your component via the control props pattern
- Build relevant custom hooks you could re-use in your day-to-day work
- Evaluate multiple export strategies/API for your reusable components
- Bless your component users with ease via prop getters and prop collections
- Embrace state initializers for setting and resetting internal state within your components
- Master inversion of control via the state reducer pattern
- Compare and choose what React pattern is best for your component API
Recommended Course
Next.js & React – The Complete Guide (incl. Two Paths!)
Complete Next.js with React & Node – Beautiful Portfolio App