React Server Components and Actions

Join Kent C. Dodds for "React Server Components and Actions"

2024-11-20

The problem statement

The React component model is powerful, but there's always room to push it further.

Using brand new features can be daunting (especially low-level features), but understanding them can give you a head start.

While you just play around with frameworks that implement these features, diving deep into newer APIs allows you to grasp the underlying mechanics and make informed decisions.

To effectively use your abstractions, you need to understand the layers beneath. This workshop will equip you with the knowledge to leverage React Server Components and Actions in any React app.

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.React Element Serialization
Learn how React serializes React elements to send them to the client.
02.Client and Server Components
Learn the relationship between client and server components and how their module graphs interact to create a seamless user experience.
03.Streaming Serialized React Elements
Discover how to stream serialized React elements from the server to the client to improve performance and user experience.
04.Form Submissions to Server Actions
Master the technique of submitting forms directly to server actions, streamlining the process and enhancing security.
05.Managing Pending State
Understand how to manage pending states for server actions to ensure a smooth and responsive user experience.
06.Routing and Navigation
Build out a solid foundation for routing and navigation to get updated server components.

The topics we will be covering.

This is what we will talk about.

01.
Client Components

02.
Server Components

03.
Streaming

04.
Form Submissions

05.
Pending State Management

06.
Routing and Navigation

Required experience

You should have experience with these JavaScript features. This is definitely a very advanced workshop, so you should be very comfortable with React as well.

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

Even as a dev with many years of experience building production apps in React, I still learned a lot from EpicReact. The advanced patterns was especially useful to me as it formalized some patterns I've seen in the wild but never really understood.

There's a lot of stuff in this course I keep coming back to. The biggest takeaway for me has been how much it's helped me formalize my understanding in React. Kent offers first principles of React fundamentals and systematizing React composition patterns that help get a handle on React.