React Rally features two incredible workshops preceding the conference. Come sharpen your skills with expert instruction from some of the most knowledgable people in the React community. Whether you are a newcomer to React wanting to get your feet wet, or have been using React for years our workshops have something to offer you!
Cory House

Advanced React: Lessons from 10 Years

A one day workshop held August 14, 2024 being taught by Cory House.

Are you comfortable with the React basics, and want to step up your game? In this session, we’ll explore dozens of insights and hard lessons learned over the last 10 years.

In this workshop, we’ll explore:

  • State management best-practices including eight ways to handle state and how to choose between them
  • Key third-party libraries
  • Reusable component best-practices
  • Creating custom devtools
  • Related browser extensions
  • TypeScript tips and best-practices
  • Performance optimizations
  • Automated testing tools, patterns, mocking approaches, and related accessibility fundamentals
  • Folder and file structure patterns
  • Novel React development workflows
  • Approaches for auditing your React codebase to establish opportunities for improvement
  • Common mistakes and anti-patterns and how to avoid them
  • New React features (as time allows)

This isn’t merely a lecture. Bring your laptop, because we'll implement these ideas together. This workshop encapsulates hard-learned lessons from working in React at dozens of companies for a full decade.

After this session, you’ll walk away with a long list of actionable tools, patterns, and practices for improving your team’s React apps.

Kent C. Dodds

React Server Components and Actions

A one day workshop held August 14, 2024 being taught by Kent C. Dodds.

You’re interested in how far React can take the component model. Everyone is. While React has not yet officially released server components and actions as features in a stable version of React, you want to understand how these features work because you’d like to use them within one of the frameworks built on top of React which has support for them.

In this workshop we won’t be using any frameworks. In fact you might say we’ll be building our own framework. It’s important for you to understand at least one or two layers below where you typically operate to be able to use your abstractions effectively. So we’ll be working with the raw/unreleased/experimental/futuristic APIs for React Server Components and React Server Actions.

Once you finish this workshop, you’ll finally have the proper mental model for what server components and actions will do for you as an every day React app developer. Whatever kind of React app you’re building (and whatever architecture you have), you’ll find ways to apply these future features to your application eventually and after this workshop you’ll be eager to do so for the DX and UX improvements they provide.

In this workshop we’ll cover:

  • The relationship between client and server components and their respective module graphs
  • Streaming serialized React elements
  • Submitting forms to server actions
  • Managing pending state for server actions
  • Providing great loading UX with optimistic UI