The Complete Guide to Advanced React Component Patterns
- Descripción
- Currículum
- Reseñas
Hey! hey! You’ve found a one-of-a-kind resource that teaches advanced React patterns in plain, approachable language with patterns geared towards building truly reusable components.
Make no mistake, thousands of engineers have learned React, but much fewer have mastered the art of building truly reusable components. Components that leverage trusted, proven and battle-tested patterns to make sure you’re building production-ready, reusable components. This is the goal of this course. To set you apart as one of the few engineers who’ve mastered this!
Did you previously attempt learning advanced React patterns? Did they seem too difficult? Were they poorly taught in your opinion? Well, look no more. 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.
We’ll start from the ground-up, touch every important aspect of advanced react patterns and do so with real-world examples. No boring hello world apps here! 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.
Here’s what sets this course apart:
-
You will not find another Udemy course focused extensively on advanced react component patterns! Go, do a search, you’ll find none! Patterns geared towards component reusability.
-
This course doesn’t waste your time. While it is well explained, you won’t get a course of 24hours you struggle to complete. It’s a focused course you can finish in a weekend and arm yourself for life with knowledge.
-
If you search the web, you’d find resources that promise to teach Advanced React Patterns, but none does it in the simple, approachable fashion this course employs. None.
-
This course is taught by a Senior Frontend Engineer who’s actually worked with these patterns. I’ve spent hours toying with these patterns. In fact, chapters were dedicated to the subject in my last published book!
-
Searching videos can be hard. So, this course provides resources you can always refer to. An actual accompanying website has been built for this course so you can find whatever information you need after completing the course as fast as possible.
Besides just advanced patterns, you’ll pick up a ton of other snippets of knowledge, including the use of my favourite React hook, certain best practices, handling refs in custom hooks, and even advanced animations in React.
This is the course I wished I took when I first learned advanced React patterns: complete, simple, approachable, with real-world examples.
See you later in the course!
Important:
In the course, we spend some time building a real-world component, The Medium Clap, for the sake of studying advanced patterns. See course curriculum – to be sure this isn’t something that bothers you.
Prerequisites:
– You already know how the basics of building React components
– You know the basics of React hooks, at least, useState and useEffect OR are willing to learn it at a fast pace in the course.
NB: Not for absolute React beginners.
-
6Why build the medium clap?Text lesson
-
7Setting up your local environmentVideo lesson
-
8How the demo showcase worksVideo lesson
-
9Building and styling the medium clapVideo lesson
-
10Handling user interactivityVideo lesson
-
11Higher order components recapVideo lesson
-
12Beginning to animate the clapVideo lesson
-
13Creating and updating the animation timelineVideo lesson
-
14Resolving wrong animated scaleVideo lesson
-
15Animating the clap countVideo lesson
-
16Animating the total countVideo lesson
-
17Creating animated bursts!Video lesson
-
24Compound components in plain approachable languageVideo lesson
-
25Why compound components?Video lesson
-
26How to implement the patternVideo lesson
-
27Refactor to Compound componentsVideo lesson
-
28Alternative export strategyVideo lesson
-
29Exposing state via a callbackVideo lesson
-
30Invoking the useEffect callback only after mount!Video lesson