Advanced Remix

Join Kent C. Dodds for "Advanced Remix"

Not currently scheduled

The problem statement

Remix is a terrific tool for building simple websites

And it's even better for building complex web applications

What makes Remix special is the mental model is the same regardless of whether you're building a simple website on your own or complex business web application with teams of developers. And it does this with a lightweight abstraction on top of the web platform APIs. Remix scales down to simple stuff and up to the complex stuff.

It's the complex stuff we're going to be talking about in this workshop. Remix will ensure that you can keep things as declarative as possible and keep your app bug-free. And to make it even better, you can ship something simple that works well to start and iterate to the more complex solution without having to rearchitect everything because the mental model remains the same.

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.Mutations Mental Model
Understanding how mutations work on the web is critical to building great user experiences for most web apps (it's great that a user can see the data, but can they do anything with it?). So we're going to get a grip on how to think about mutations with Remix (and the web) and how Remix helps you manage that.
02.Skip busy spinners when you can
You know how when you favorite a tweet the heart turns red right away, even if you have a slow internet connection? Twitter has implemented what's called "Optimistic UI" for that experience. It makes you feel like the UI is snappier and you trust it more. We'll learn how to do that, and we'll also learn how to handle situations where our optimism was misplaced (like when the tweet you favorited was deleted 😅).
03.Build server-intelligent UI components
As fun as it is to build reusable UI components, they often require a fair amount of wiring up to make them very useful for applications. We'll learn how to make reusable components that manage that server component as well. Pretty awesome productivity boost for product teams I'd say!
04.Create app-level navigation indicators
Remix is your router as well as your framework, so it can give you everything you need to give the user awesome feedback and a smooth experience as they navigate around your app.
05.Accessibility with a focus on focus
Focus management is one of the "side-effects" that React's useEffect was created for, and we'll learn how to use the hooks Remix gives you combined with useEffect to help get the user's focus where it needs to be, when it needs to be there.

The topics we will be covering.

This is what we will talk about.

01.
Optimistic UI

02.
Optimize Remix's automatic data revalidation

03.
Data driven components

04.
Navigation Indicators

05.
Accessibility

06.
Imperative data mutations

Required experience

You should have experience with these JavaScript features and watch my Beginner's Guide to React or have the equivalent experience. Experience with Remix is a bonus, but not a requirement. This workshop will use TypeScript, but should be completable if you do not have experience with TypeScript.

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

I am learning epicreact.dev. It's good!

zhu baohua

Leqee

If I were to choose one word to describe the Epic React Course, that would be "Masterpiece". Not only because it shares so much invaluable information and approaches on the topics that are elaborated, but also the way how the workshops are built in; first encouraging the attendant to understand the problem and pushing them forward to find a solution (with the help of guides and tips), and then showing an alternative and genuine approach to the same problem. Thank you for this amazing learning experience, Kent!

Emre Baltaci

Web developer at Optimal Web Apps

I'm still in the first steps of EpicWeb but the platform alone says how much care and thought gone into it. When Kent says "it's not meant for passive consumption," he means it and delivers an awesome active learning experience. I've gone through multiple courses, but this one clearly raises the bar (and probably ruins others ones for me 😆). It kinda feels like coming back to a classroom with a teacher and exercises to be done in the best way possible.