JSNation 2026May 11, 14:00
Explore upcoming workshops from events
Attend Live Workshops
All upcoming workshopsJSNation 2026
React Summit 2026May 11, 14:00
Web Engineering Summit 2026May 11, 14:00
React Summit 2026May 12, 14:00
JSNation 2026May 13, 14:00
Web Engineering Summit 2026May 13, 14:00
React Summit 2026May 14, 14:00
From Async Chaos to Deterministic React: Hands-On State Machine Architecture for Real-Time Systems
JSNation 2026May 18, 14:00
Operating Agent-Based Systems - Overview, Configure, Run, Orchestrate, Monitor
Workshop
Web Engineering Summit 2026May 18, 14:00
Operating Agent-Based Systems - Overview, Configure, Run, Orchestrate, Monitor
Workshop
React Summit 2026May 21, 14:00
Latest
All workshops
React Summit US 2025141 min
Building AI workflow editor UI in React with Workflow Builder SDK
WorkshopFree
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-wor...
AI Coding Summit 202687 min
Build Your Dream Extensions with AI
WorkshopFree
In this interactive workshop, you’ll build a working internal browser extension you and your team can use to share context across apps you use daily. We’ll start with a practical, real-world example: a web clipper that you’ll customize to send content from GitHub to your team’s communication tool...
React Summit US 202591 min
Modern Full-stack Web Application Using RedwoodSDK and React Server Components
Workshop
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-...
AI Coding Summit 202663 min
Model Context Protocol (MCP) Deep Dive: 2-Hour Interactive Workshop
Workshop
Join a focused 2-hour session covering MCP's purpose, architecture, hands-on server implementation, and future directions. Designed for developers and system architects aiming to integrate contextual data with ML models effectively, using MCP's latest 2026 features like semantic routing and feder...
React Summit US 202597 min
Build your own V0 with Server Driven UI and AI
Workshop
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...
Node Congress 202673 min
Building Model Context Protocol (MCP) Tools for AI Agents with Cloudflare Workers
WorkshopFree
In this hands on workshop participants will learn how to create a production‑ready Model Context Protocol (MCP) server on Cloudflare Workers. The session covers defining tool endpoints, integrating external APIs, persisting state with KV storage, and globally deploying the server so AI assistants...
React Advanced 2025100 min
The Cake Is a Lie... And So Is Your Login’s Accessibility
Workshop
Much like the promise of cake in Portal, login forms are everywhere in web development. While they may seem functional at first glance, many users with disabilities encounter a maze of invisible walls, from keyboard traps to inaccessible CAPTCHAs. It's as if GLaDOS designed these forms herself to...
React Summit US 2025125 min
Hands-on React Server Components, Server Functions, and Forms in the Next.js App Router
Workshop
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 1...
JSNation US 202597 min
Build a MCP (Model Context Protocol) in Node.js
Featured Workshop
Model Context Protocol (MCP) introduces a structured approach to LLM context management that addresses limitations in traditional prompting methods. In this workshop, you'll learn about the Model Context Protocol, its architecture, and how to build and use and MCP with Node.jsTable of Cont...
React Advanced 2025145 min
Build LLM agents in TypeScript with Mastra and Vercel AI SDK
Featured WorkshopFree
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 t...
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 t...
Featured
React Summit US 202456 min
React and Microfrontends
React Summit US 2024112 min
Tracing: Frontend Issues With Backend Solutions
Top Content
WorkshopFree
Frontend issues that affect your users are often triggered by backend problems. In this workshop, you’ll learn how to identify issues causing slow web pages and poor Core Web Vitals using tracing.
Then, try it for yourself by setting up Sentry in a ready-made Next.js project to...
Then, try it for yourself by setting up Sentry in a ready-made Next.js project to...
React Summit Remote Edition 2021177 min
React Hooks Tips Only the Pros Know
Top Content
Workshop
The addition of the hooks API to React was quite a major change. Before hooks most components had to be class based. Now, with hooks, these are often much simpler functional components. Hooks can be really simple to use. Almost deceptively simple. Because there are still plenty of ways you can me...
React Summit US 202596 min
The React Developer's Guide to AI Engineering
WorkshopFree
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...
React Summit 2023151 min
Designing Effective Tests With React Testing Library
Top Content
Workshop
React Testing Library is a great framework for React component tests because there are a lot of questions it answers for you, so you don’t need to worry about those questions. But that doesn’t mean testing is easy. There are still a lot of questions you have to figure out for yourself: How many c...
JSNation US 2025122 min
Pragmatic 101 on Custom JS Tooling for Your Project
Workshop
Let’s demystify the secrets of modern JavaScript tooling. In this workshop, you will learn how linters, compilers, and code transforms work. You will take your first steps building your own developer tools, writing an ESLint rule, a compiler plugin, and a code transformation. Learn these skills t...
React Day Berlin 2023157 min
Next.js for React.js Developers
Top Content
WorkshopFree
In this advanced Next.js workshop, we will delve into key concepts and techniques that empower React.js developers to harness the full potential of Next.js. We will explore advanced topics and hands-on practices, equipping you with the skills needed to build high-performance web applications and...
React Advanced 202281 min
Introducing FlashList: Let's build a performant React Native list all together
Top Content
Workshop
In this workshop you’ll learn why we created FlashList at Shopify and how you can use it in your code today. We will show you how to take a list that is not performant in FlatList and make it performant using FlashList with minimum effort. We will use tools like Flipper, our own benchmarkin...
JSNation 202546 min
Building Full Stack Apps With Cursor
Workshop
In this workshop I’ll cover a repeatable process on how to spin up full stack apps in Cursor. Expect to understand techniques such as using GPT to create product requirements, database schemas, roadmaps and using those in notes to generate checklists to guide app development. We will dive furth...
React Summit US 202565 min
How to Build Full-Stack Apps Using Cursor
WorkshopFree
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....
Trending
AI Coding Summit 202634 min
React Summit US 202555 min
AI Coding Summit 2026127 min
React Summit US 2023153 min
JSNation 2022141 min
React Advanced 2025109 min
AI Coding Summit 2026119 min
JSNation US 202597 min
React Advanced 2023104 min
React Summit 2022173 min
Popular
JSNation 202241 min
Build a chat room with Appwrite and React
Workshop
API's/Backends are difficult and we need websockets. You will be using VS Code as your editor, Parcel.js, Chakra-ui, React, React Icons, and Appwrite. By the end of this workshop, you will have the knowledge to build a real-time app using Appwrite and zero API development. Follow along and you'll...
JSNation 2023170 min
Building WebApps That Light Up the Internet with QwikCity
React Day Berlin 2023119 min
Crash course into Astro and Storyblok
React Day Berlin 202286 min
Using CodeMirror to Build a JavaScript Editor with Linting and AutoComplete
Top Content
Workshop
Using a library might seem easy at first glance, but how do you choose the right library? How do you upgrade an existing one? And how do you wade through the documentation to find what you want?
In this workshop, we’ll discuss all these finer points while going through a genera...
In this workshop, we’ll discuss all these finer points while going through a genera...
React Summit 2023145 min
React at Scale with Nx
Top Content
React Advanced 2023159 min
Effective Detox Testing
Workshop
So you’ve gotten Detox set up to test your React Native application. Good work! But you aren’t done yet: there are still a lot of questions you need to answer. How many tests do you write? When and where do you run them? How do you ensure there is test data available? What do you do about parts o...
React Day Berlin 202462 min
React Patterns Made Simple
Top Content
Featured Workshop
Learn widely used React patterns, including HOCs, Compound Components, Provider Patterns, Functions as Child, and Portals, to write cleaner, more efficient code and create scalable, maintainable applications.Overview In this workshop, viewers will learn about key React patterns that can ma...
TestJS Summit 2022146 min
How to Start With Cypress
Workshop
The web has evolved. Finally, testing has also. Cypress is a modern testing tool that answers the testing needs of modern web applications. It has been gaining a lot of traction in the last couple of years, gaining worldwide popularity. If you have been waiting to learn Cypress, wait no more! Fil...
Node Congress 202349 min
JavaScript-based full-text search with Orama everywhere
Workshop
In this workshop, we will see how to adopt Orama, a powerful full-text search engine written entirely in JavaScript, to make search available wherever JavaScript runs. We will learn when, how, and why deploying it on a serverless function could be a great idea, and when it would be better to keep...
React Summit 2025102 min
Production-Ready Apps with AI Agents
Featured Workshop
Coding assistants are already changing the way we develop code, and in several years they are expected to completely change how developers interact with code and write it. In this workshop, I'll share tips and best practices on using such tools as we develop the production-ready app with Zencoder...