React Advanced 2025

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.

In this hands-on workshop, we will build a fully interactive and customizable Scheduler in React using Bryntum Scheduler, a powerful UI component used in enterprise-grade applications for resource planning, project scheduling, and event management.Attendees will learn how to integrate Bryntum Scheduler in a modern React + Vite setup, render custom events using JSX, and use the built-in Scheduler features to control event rendering, resources, and interactivity. By the end of the session, attendees will have a clear understanding of how to build a high-performance Scheduler in React that is both flexible and production ready.Table of ContentIntroductionWhat is Bryntum SchedulerBuilding a Simple Scheduler in ReactUnderstanding Bryntum data structureAdding custom JSX to eventsAdding customization options via Context APIWrap up and Q&A

In this workshop, we will incrementally augment an existing React application with AI. I'm sure most of you probably already maintain a React app, so rather than starting from the ground-up, let's take something that already works, and develop some patterns for adding practical, real-world AI features without making them feel "bolted on" just for the sake of chasing the hype. We'll explore questions such as "which model should I use?", "should the LLM run on-device or on the cloud?", "am I risking vendor lock-in by picking a proprietary model over an open-source one?", and we'll dive into the deeper topics of using AI frameworks, creating agents, and the clients and servers of the Model Context Protocol (MCP). By the end of this workshop, you should have some applicable knowledge and skills which you can bring to your own applications, and hopefully, you'll walk away with a greater understanding of how and when to actually use AI 

LLMs are not just fancy search engines: they lay the ground for building autonomous and intelligent pieces of software, aka agents.
Companies are investing massively in generative AI infrastructures. To get their money's worth, they need developers that can make the best out of an LLM, and that could be you.
Discover the TypeScript stack for LLM-based development in this 3 hours workshop. Connect to your favorite model with the Vercel AI SDK and turn lines of code into AI agents with Mastra.ai.

In this workshop, we'll go beyond the fundamentals and explore some of the more powerful features React Query has to offer. You'll gain a deeper understanding of how it works under the hood and learn how to write scalable, maintainable React Query code.Together, we'll build a simple example app and incrementally enhance it with one core objective in mind: delivering the best possible user experience. That means snappy interactions, minimal layout shifts, and avoiding unnecessary loading spinners wherever we can.To achieve this, we'll dive into advanced techniques like various forms of prefetching (including integration with route loaders), seeding the query cache, crafting smooth paginated experiences, and even persisting query state through full page reloads using persistence plugins.Note: You should have prior knowledge about React Query if you attend this workshop.

This workshop bridges the long-standing gap between React developers and production-ready delivery. Many front-end developers know how to build great interfaces but they stumble when it comes to building, testing, deploying, and monitoring those apps in real-world environments.This workshop gives React developers the DevOps superpowers they need.You’ll learn how to:Dockerize your React application for development and production following best practices from Docker Captain Leader.Build scalable CI/CD pipelines using GitHub ActionsOptimize your apps for performance and reliabilityThis is not theory. It’s not a shallow overview. This is a production-focused, real-world workshop by a front-end developer who lives and breathes this every day.

In this workshop, we will explore React's latest features: Server Components, Server Actions, and Forms. Gain insights into optimizing server-side rendering, enhancing application interactivity through Server Actions and React 19 hooks, and mastering form creation for robust data handling and validation.

Designed for developers of all levels, this workshop provides practical skills to build scalable, performant web applications.

In this workshop, we will build our first AI Agent – completely from scratch. We will cover the fundamentals of LLMs, explore Retrieval-Augmented Generation (RAG), and learn how to use function calling to connect AI with external tools.By the end, you will have a working AI agent that can autonomously decide which functions and data sources to use. No prior AI experience is required, but basic knowledge of TypeScript is recommended.After this workshop, you will be able to...Understand how Large Language Models (LLMs) work and how they process and generate text.Leverage LLMs for specific tasks by designing prompts and integrating them into applications.Implement Retrieval-Augmented Generation (RAG) to enhance AI responses with external knowledge.Use function calling in AI systems to interact dynamically with APIs and data sources.Build an AI agent that autonomously selects the right tools and data to complete user tasks efficientlyWho is this workshop for?No prior knowledge of Artificial Intelligence is necessary, as we’ll cover all the essential concepts during the workshop.We’ll build the AI agent in a React app, but the core logic will be framework-agnostic and written in TypeScript.