Advanced React Patterns

Join Kent C. Dodds for "Advanced React Patterns"

Not currently scheduled

The problem statement

Building reusable hooks and components can be tricky

Just like any other kind of abstraction, you can easily find yourself captive to its maintenance

Whether it's the dreaded "apropcalypse" of a component with tons of props, or a custom hook with too many options, it's not fun for maintainers or users alike.

Inevitably, the incidentally-abstracted "reusable" React hooks and components will ultimately slow you down or be abandoned for duplication. It doesn't have to be like this.

At the end of this workshop you'll be able to do all of these things yourself.

Here's why you should register for the workshop.

01.Create components that work together
The compound components pattern used by libraries like ReachUI and MaterialUI is a proven design technique that you'll definitely want in your personal arsenal of patterns.
02.Expose the right level of control
The beauty of hooks and components is how well they compose. You'll learn how to take full advantage of this by building abstractions on top of one another giving both flexibility and ease of use in a single package.
03.Invert control
If you don't get your abstraction right, you'll be adding features to the end of your days. With the state reducer pattern, you'll eliminate a huge number of those requests. And with control props, you'll be able to ditch the rest of them and rest easy.

The topics we will be covering.

This is what we will talk about.

01.
Maintain referential equality with the latest ref pattern

02.
Use the Compound Components Pattern to write React components that implicitly share state while giving rendering flexibility to the user

03.
Handle common use cases for your hooks and components with the prop getter pattern

04.
Give simple control of state updates with a State Reducer

05.
Provide total logic control with the Controlled Props

Required experience

You should be experienced with useContext and useReducer (experience with useMemo and useCallback is a bonus).

Important Note

Depending on the questions asked during the workshop, or necessary changes in the material, the actual content of the workshop could differ from the above mentioned topics.

What to expect from a Kent C. Dodds workshop

My primary goal is retention. If you can't remember what I've taught you, then the whole experience was a waste of our time.

With that in mind, we'll follow the teaching strategy I've developed over years of teaching (learn more about my teaching strategy here).

The short version is, you'll spend the majority of time working through exercises that are specifically crafted to help you experiment with topics you may have never experienced before. I intentionally put you into the deep end and let you struggle a bit to prepare your brain for the instruction.

Based on both my personal experience and scientific research around how people learn, this is an incredibly efficient way to ensure you understand and remember what you're learning. This is just one of the strategies I employ to improve your retention. I think you'll love it!

I'm excited to be your guide as we learn together!

Don't just take my word for it.

What others have to say

Kent C. Dodds has a remarkable ability to dive deep into the core of React while maintaining crystal-clear explanations.

Rija Nifaliana

Senior Frontend Engineer

I started my career as a Junior frontend developer but CSS and JS couldn't get me far. That's when I found Kent. He gave me the resources I needed to take my skills to a much higher level to be able to offer far more. It was like years of career experience packed into just several hours and I got generous help via discord or office hours when I was stuck.

I started freelancing by offering to build full-stack web applications for people, using the most modern techniques, built from The-Epic-Stack which I can confidently work with because it I studied it directly in the course!

I refer to EpicReact.dev and EpicWeb.dev almost as much as I refer to MDN it's that useful.

Marco

Full stack developer

Advanced React Hooks was crucial in solidifying my understanding of React. This workshop was so good that I couldn't help but write a blog post about my experience. Not only is this workshop great but Kent C. Dodds is my go to resource for all things React.