React Summit US 2025

In this workshop, I’ll guide participants through a process for building full-stack applications using Cursor. We’ll cover setting up Cursor workflows, including rules, commands, and custom modes, to streamline development. We will use Cursor to draft PRDs, database schema, etc and a simple SOW. We’ll turn notes into actionable checklists to guide the build, connecting the front end, API, and database.Additionally, we’ll create workflows for debugging, testing, reviewing, and fixing the app while reducing hallucinations with precise prompts. The session will also include a security review workflow and techniques for applying prompts to achieve a modern UI design. Attendees will leave with a functioning app on their machine and a reusable development process.

 This workshop will guide you through building a modern full-stack web application using RedwoodSDK and React Server Components. As a frontend developer, you'll learn how to leverage the latest React patterns to approach full-stack development with confidence. The workshop covers building server-rendered components, working with databases, implementing authentication, and deploying a real-world application. RedwoodSDK simplifies the transition from frontend to full-stack development, giving you the tools to create performant, modern web applications.

This workshop explores how to leverage Sentry’s AI-driven tools (Seer, MCP and Agent Monitoring) to streamline debugging, error monitoring, and observability in full-stack applications. It guides participants through Setting up Sentry from scratchInstrumenting errors, logs, and tracingUsing Sentry AI features to detect and remediate issues more efficientlyThis workshop is beneficial for software engineers, SREs, DevOps practitioners, and engineering leads who want to level up observability, reduce time to resolution, and explore using AI to assist debugging in production systems.

A comprehensive workshop designed specifically for React developers ready to become AI engineers. Learn how your existing React skills—component thinking, state management, effect handling, and performance optimization—directly translate to building sophisticated AI applications. We'll cover the full stack: AI API integration, streaming responses, error handling, state persistence with Supabase, and deployment with Vercel.Skills Translation:- Component lifecycle → AI conversation lifecycle- State management → AI context and memory management- Effect handling → AI response streaming and side effects- Performance optimization → AI caching and request optimization- Testing patterns → AI interaction testing strategiesWhat you'll build: A complete AI-powered project management tool showcasing enterprise-level AI integration patterns.

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 React Router 7 Framework (aka 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.

Join us to learn how to build your own Zapier-like interface in days, not months. Discover how to save 1,000+ hours of design and coding upfront, building a complex workflow editor UI from scratch. Customize it for AI orchestration, automations, business processes visualization and other real-world workflow needs. Workflow Builder SDK is designed to quickly deploy node flow interfaces that let you tailor properties, layouts, and interactions to suit unique business workflows. Connect it with any backend and reduce the dependency on N8N, Make or Zapier for your own automation needs.Agenda and key takeaways:Explore diagramming tools: Understand and compare libraries for building diagram UIs in React. We analyze the strengths, trade-offs, and best use cases (Web/Canvas/SVG/DOM).Hands-on: Workflow Builder SDK: Build a real-world AI workflow editor interface using our SDK and the React Flow foundation.Plug & play architecture: Implement the core features of a modern editor:Custom nodes and edgesState management and drag-and-drop supportAuto-layout, minimap, and zoom controlsProperty-editing sidebarPolishing user experience (UX): Learn how to enhance usability and visual appeal. We'll use Overflow - Open Source UI components to streamline development and keep the focus purely on business logic.

This hands-on workshop explores how to transform React components into standards-based Web Components, unlocking the ability to share UI elements across Angular, Vue, Svelte, and even vanilla JavaScript applications. While frameworks like Angular and Vue offer native support for this kind of interoperability, React doesn't—at least, not out of the box.We’ll demystify how to achieve similar results in React using supported patterns and tooling. Through live coding and guided exercises, you’ll learn how to bridge the gap between React and the Web Components standard to promote true component reusability, reduce duplication, and simplify integration in micro frontends and design systems. Participants will leave with practical techniques, tooling knowledge, and real-world strategies they can immediately apply to their own projects.

In this workshop, we will explore React's latest features: Server Components, Server Functions, and forms. Discover how to optimize server-side rendering, build smooth user experiences with React Suspense and Transitions, and enhance application interactivity with Server Functions and new React 19 hooks.
Designed for developers of all levels, this workshop provides practical skills to build scalable, performant web applications.

AG Charts is a JavaScript Charting Library, built by AG Grid, that you can use to create beautiful and compelling data visualisations in React, with a simple, intuitive, flexible API.What You'll Learn: In this workshop, you'll learn how to get started with AG Charts to create simple visualisations using AG Charts Community, as well as more complex visualisations using AG Charts Enterprise. We'll be using interesting data sets to create visualisations using different chart types, including maps, gauges, funnels and more. Who this is for: This workshop is perfect for anyone looking to add Data Visualisation to their React applications, without the overhead of libraries such as D3.

Have you ever wanted to build a generative UI application like V0 where you simply prompt it and it creates an entire interface for you? Well lets build that with the power of Server Driven UIs and AI. Well walk through just how easy Server Driven UI makes the creation a generative UI application. All the while we'll be leveraging React 19 APIs to make this generative UI application as performant as possible!