Available Workshops
Find the right workshop for your team:
These workshops are both available as private workshops for your team, or as public workshops. If your team is smaller than 5 or you're just looking to attend a workshop for yourself, consider our public workshop offerings which are scheduled on a monthly basis: See Schedule
Workshop: What's New In React 19
In this workshop we'll dive into the latest advancements in React and best practices for building modern React apps. We'll take a look at modern NextJS and Remix along with React's new "React Server Components". We'll also talk about improving the data-fetching strategies of your SPAs along with options for migrating your SPA to modern React Router.
- State & Refs
- useEffect
- Side-effects in general
- Context
- React 19 Hooks
- New Form Strategies
- UI Transitions
- Optimistic UI
- Synchronization
- Data Fetching Strategies
- React Server Components
- CSR vs SSR vs RSC
- NextJS and Remix Intro
- Advanced Side Effects
- Know when to use and not use useEffect
- Data Fetching Strategies
- Routing Strategies
- Caching and Performance
- Advanced Memoization Topics
- The React Compiler / Auto Memoization 🆕
- New React 18 and 19 APIs 🆕
- React Context
- App State (Global State)
- Unit Testing Basics
- Concurrent Rendering with Transitions
Workshop: React Core
This workshop is for modern React app best practices and essential fundamentals. Since we cover the mechanics of React in great detail, we find it works really well for beginners who need React to feel less perplexing. We also find that those with up to about 18 months of experience often comment they learned a lot about parts of React they never understood.
- Basic JS Knowledge
- Basic DOM Knowledge
- Basic HTML Knowledge
- Deep understanding of JSX
- Deep understanding of React Rendering
- Declarative vs Imperative React
- Deep understanding of React State
- React's Unidirectional Data Flow
- React Composition and Abstraction
- Business logic abstraction with Hooks
- Custom Hooks
- Memoization & Stability
- The React Compiler 🆕
- New React 18 and 19 APIs 🆕
- Correct React Terminology
- Form Data Management
- Form Actions 🆕
- Client Side Routing
- Basics of Side Effects
- Advanced Side Effects
- Know when to use and not use useEffect
- Data Fetching Strategies
- Routing Strategies
- Caching and Performance
- Advanced Memoization Topics
- The React Compiler / Auto Memoization 🆕
- New React 18 and 19 APIs 🆕
- React Context
- App State (Global State)
- Unit Testing Basics
- Concurrent Rendering with Transitions
Workshop: React Advanced
This workshop focuses on advanced component design and patterns for creating highly re-usable components. We also cover advanced hooks and their use-cases along with modern React 19 features including an overview of modern data-fetching strategies.
Attendees should have a good understanding of the topics listed in our Core workshop and have an especially good understanding of these:
- State & Refs
- useEffect
- Side-effects in general
- Context
- Advanced Side Effects
- Synchronization and Subscriptions
- Manual vs Auto-memoization
- Advanced Imperative Patterns
- Dynamic React Portals
- Optimistic UI
- Advanced React 19 Actions
- Compound Components
- Controlled Components
- Advanced Patterns for Context
- Accessibility
- Mutable Refs
- Render Props
Workshop: JavaScript & Node
This workshop is designed for those who already know how to program in any language such as PHP, Python, Ruby, Java, or C#, but they just don't know JavaScript as well as they'd like to. It would also be good for those who are doing JavaScript in the client (front-end) and they might be more beginner or more advanced but they need to learn more about how JavaScript in Node works (on the back-end).
- Basic Programming Skills
- ES2015 (ES6) Topics
- Functional Programming Concepts
- Event Loop Concepts
- Promises
- Async / Await
- Node APIs
- Basic Servers in Node
- Servers with Express
- Express Middleware
- Express RESTful APIs
- Authentication
- Server Side Rendering in React
Workshop: Remix
In this workshop we'll cover a range of Remix topics from beginner to advanced. We're going to build a blog and a shopping cart experience with authentication. We'll go above and beyond what the Remix docs teach you on many topics. As long as you know a little React already, you'll do great in this workshop.
- JS Asynchronous Basics
- React Basics
- Hooks Basics
- Remix Terminology
- Remix Best Practices
- v2.0 File-based Routing
- Data Loading
- URL State
- Caching
- Forms, Actions, and Fetchers
- Authentication
- Error Handling
- Blog content with Markdown/MDX
- Code syntax highlighting
- Deploying to the network "edge"
- Remix Stacks
What are Hooks?
Hooks are a feature to bring functional composition (re-usable business logic) to components. Essentially, they're just functions but with special capabilities for React. For hooks to work, components are created as "function components" and not classes. We'll cover them extensively in our Core workshop. Read More
What about Class Components?
Can you still write React with class components instead of function components with hooks? Yes, but they're not commonly used in modern React due to problems with abstracting and sharing code. We teach hooks-based function components instead and in the Core workshop we'll talk about some of the shortcomings of class components if that interests the attendees.
Why do we build library code in the Advanced Workshop?
Library code is inherently more advanced than application code. In application code, your constraints are well known so the complexity of the component is limited. On the other hand, library code tends to need more versatility and thus is more difficult to make. This is why most of our curriculum that's labeled as "advanced" is based on library style code.
How is the Advanced Workshop more advanced than Core?
Lots of people have given us feedback that our Core workshop was pretty advanced for them. We do deep dives into how React works and we cover some of React's most advanced subjects like side-effects thoroughly. As advanced as it is, we consider it's topics to be pretty fundamental and "core". That being said, if you already know those topics well, then you're ready for even more advanced topics which is our React Advanced workshop.
