GitNation: Talks & workshops by core teams and top engineers

Upcoming events

Subscribe to the top JS conferences

JSNation 2026

Jun 11 - 15, 2026

React Summit 2026

Jun 11 - 15, 2026

Web Engineering Summit 2026

Jun 11 - 15, 2026

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

Jun 11, 2026

AI Coding Summit London

Jul 6 - 7, 2026

React Advanced 2026

Oct 23 - 26, 2026

JSNation US 2026

Nov 16 - 19, 2026

React Summit US 2026

Nov 17 - 20, 2026

React Day Berlin 2026

Dec 4 - 7, 2026

Web Development insights directly from framework authors and early adopters.

Talks from our events

Node Congress 2026

Mar 26 - 27, 2026

AI Coding Summit 2026

Feb 26 - 27, 2026

TechLead Conf London 2025: Adopting AI in Orgs Edition

Nov 28, 2025

React Advanced 2025

Nov 27 - Dec 1, 2025

React Summit US 2025

Nov 18 - 21, 2025

JSNation US 2025

Nov 17 - 20, 2025

AI Coding Summit 2025

Oct 23 - 24, 2025

TechLead Conference 2025: AI in Orgs

Sep 18 - 19, 2025

React Summit 2025

Jun 13 - 17, 2025

JSNation 2025

Jun 12 - 16, 2025

Node Congress 2025

Apr 17, 2025

Productivity Conf for Devs and Tech Leaders

Mar 27 - 28, 2025

CMS Migration Services (2026): Top 11 Agencies Reviewed

TL;DR: CMS Migration Numbers That Tell the Story

Most website migrations fail the same way: rankings drop, traffic disappears, and recovery takes months. The teams that avoid it don't get lucky — they treat CMS migration services as an engineering discipline, not a one-time technical even...

ChatGPT eCommerce Apps with Shopify

ChatGPT’s Shopify integration enables in-chat shopping, but merchants lose control over branding, data, and margins. This article introduces an SDK for building custom ChatGPT shopping assistants with full ownership and zero commission.

ChatGPT now has native Shopif...

Running Efficient Meetups: A Practical Guide for Stronger Tech Communities

Meetups are one of the most powerful ways to bring people together, share knowledge, and strengthen community bonds, but a great meetup doesn’t happen by accident; it’s the result of thoughtful planning, consistent communication, and a deep understanding of what your audience values, and whether...

React Server Components: The Next Evolution in Web Development

React Server Components (RSC) represent one of the most significant advancements in the React ecosystem since its initial release. Introduced with React 18, RSC provides an innovative solution for optimizing performance and improving developer experience in modern web applications.

React Query: The Modern Solution for Managing Server State in React Applications

React Query is a powerful open-source library designed for managing server state in React applications. It streamlines data fetching, caching, and synchronization, addressing the complexities associated with handling asynchronous data in modern web development. Notable for its ability to simplify these processes compared to traditional state management solutions like Redux, React Query has gained widespread adoption among developers for enhancing the efficiency and performance of applications reliant on API interactions.

Explore what's new in the 2024 editions of JSNation and React Summit!

JSNation and React Summit are the key JavaScript and React conferences of the year, expecting over 3K attendees, featuring 110+ speakers, and offering 15+ Free and PRO workshops altogether...

Spanish translations for 2000+ React and JavaScript talks from GitNation

GitNation, known for organizing JavaScript and React conferences, has rolled out significant updates to its video platform. These new features are designed to improve content accessibility and discoverability for developers worldwide and marks the start of ongoing localisation efforts with more l...

2000+ grabaciones de conferencias React y JavaScript en español por GitNation

GitNation, conocida por organizar conferencias de JavaScript y React, ha implementado importantes actualizaciones en su plataforma de video. Estas nuevas características están diseñadas para mejorar la accesibilidad y la capacidad de descubrimiento de contenido para desarrolladores en todo el mun...

Shawn Swyx Wang's career tips: Knowing how to market yourself is not scammy

As it is with many developers, his path to coding was not straightforward. And looking at Shawn's bio, it's apparent he applied that experience to his whole career: he's the head of developer experience at Temporal.io, author of a bestselling book on progressing career in IT, and a sought-aft...

Career tips by Tomasz Łakomy: I strive to challenge myself as often as I can

Speakers are not made — they are born out of circumstances. And Tomasz is a perfect example of a self-starter who rose to the occasion. “I started at local meetups and climbed my way up to bigger and bigger events,” he says, nodding at the fact that he's now also a seasoned instructor revolut...

Lee Robinson's career advice: My golden rule to success is being helpful

Developer, writer, creator, says the headline of Lee’s site, a front-end developer with 10k YouTube subscribers and 5k newsletter followers. Today an internationally recognized speaker and author of extensive courses on Re...

Charlie Gerard's Career Advice: Be intentional about how you spend your time and effort

When it comes to career, Charlie has one trick: to focus. But that doesn’t mean that you shouldn’t try different things — currently a senior front-end developer at Netlify, she is also a sought-after speaker, mentor, and a machine learni...

Emma Bostian: I landed my dream job by sharing my blogs on Twitter

Software engineer, lecturer, podcast host, author — is there something Emma Bostian hasn't done? She moved from America to Sweden, started working at Spotify, and took up a few challenges along the way. And now she has some career tips to share.

What led you to...

Kent C. Dodds: Consume, build, and teach — and level up your career

Even though his bio offers quite a hefty reading, he only applied for one job in his career. The rest came along as he was building his name as a renowned speaker, teacher, and a prolific figure of the open-source community. How did Kent do it? “Commit to creating high-quality content,” he sa...

React Table Libraries: A Deep Dive into Modern Data Grid Solutions

React Table Libraries empower developers to implement powerful data grids with essential features like filtering, sorting, and pagination in React applications. This article serves as your gateway to expert knowledge from GitNation's conference talks, where industry leaders share practical implementation strategies and cutting-edge patterns for data table components.

Catalin Pit: Each time I learn something new, I write an article about it

He turned a successful blog into a thriving YouTube channel, a newsletter with thousands of subscribers, and a great online presence. “I owe a significant part of my career to content creation and social media,” says Catalin Pit in his interview with GitNation.

<...

Top ideas

How should architecture be viewed according to Luca?

Architecture should be viewed as a mindset rather than a title. It involves understanding the context, making informed decisions, and adapting to changes over time.

What is the potential future of React Server Components in mobile applications?

The future involves experimental and perhaps production implementations of React Server Components in mobile applications. This development could lead to faster updates, smaller application sizes, and more dynamic content delivery.

What is the main advantage of React.js?

The main advantage of React.js is its ability to efficiently update and render just the right components in response to data changes.

How does code sharing work in a MonoRepo?

In a MonoRepo, code sharing is facilitated by direct access to the shared codebase within the repository. Teams can easily export and import functions or components across different projects without the need for separate package management.

What is the main goal of Svelte as a framework?

The main goal of Svelte is to provide a better developer experience without compromising user experience, aiming to be the framework with the best vibes rather than focusing solely on performance metrics.

What is the main goal of Transformers JS?

The main goal of Transformers JS is to bring state-of-the-art pre-trained models directly to the web and browsers, allowing easy integration of machine learning functionality into web applications.

What are the main challenges modern developers face in software development?

Modern developers need to consider multiple aspects such as DevOps, architecture, security, and more, as they take on a variety of tasks due to the shift-left movement.

What advice does Dominik give for API design in open source libraries?

Dominik advises considering types from the beginning, taking time before adding features to avoid bloating the API, and ensuring that APIs are intuitive and flexible to meet diverse user needs.

Can React.js be used for mobile app development?

Yes, React.js can be used for mobile app development through React Native, which allows you to build mobile apps using React.

What are some trade-offs of using Redux?

Some trade-offs of using Redux include the added complexity of dispatching actions and writing reducers, the need to manage immutable updates, and potential overuse of a single store for all application state. However, it provides a predictable state management pattern and powerful developer tools.

Deep Dives

Deep Dive: Growing to Tech Lead

Growing to Tech Lead

Learn directly from other Senior+ and Lead engineers on how to progress your engineering career, strengthen your foundational skills and become and irreplaceable engineer.

Talk: Why Engineers Must Become Multipliers in the AI-Era
Talk: Current Trends in AI for Technical Hiring
Talk: Walking the Netflix Paved Road (Bumps Included): Web Framework, Hawkins Design System
Talk: Why Software Engineering Is Becoming: Plan and Review
Talk: Pocket Guide to Seniority

... and 16 more talks and workshops

Deep Dive: AI Assisted Coding

AI Assisted Coding

Remove the noise, master agentic coding patterns actually tested in production directly from Senior practitioners.

Talk: Templates and Components for Claude Code: The Future of AI Coding Workflows
Talk: Using Spec-Driven Development for Production Workflows
Talk: Building Blocks of an Agentic Engineering Platform: What SRE Taught Us About Running Agents
Workshop: AI-Powered Code Review
Workshop: Operating Agent-Based Systems - Overview, Configure, Run, Orchestrate, Monitor

... and 22 more talks and workshops

Deep Dive: Mastering Full-stack

Mastering Full-stack

Master full-stack and fundamental engineering skills for AI-enabled future.

Talk: Building a JavaScript Engine in Rust: Lessons From Boa
Talk: Building a JavaScript Engine in Rust: Lessons From Boa
Talk: Beyond Benchmarks: node.js, Deno, and Bun in Real Production
Workshop: DevOps for Front-end Developers: From Local Code to Production by Docker Captain
Workshop: Building Fullstack Apps With Cursor

... and 21 more talks and workshops

AI Coding Summit 2026

10 min

AgentCraft: Putting the Orc in Agent Orchestration

Ido Salomon

Creator, AgentCraft | AI Lead @ CEO Office, monday.com

Welcome to AgentCraft with Iddo Salomon, AI lead. Scale up agents for efficient work but consider cognitive overload. Agent orchestrators are crucial for task management and real-time reactions. AgentCraft is a tool inspired by real-time strategy games to manage agents effectively, with features like heroes and buildings. It visualizes repository files through terrain projection, simplifies code inspection, and enhances task management with cloud code support. Task delivery is streamlined with code merging, quests, and hero summoning for project improvement.

best practices

Data Visualization for Web Developers

JSNation Live 2021

139 min

Data Visualization for Web Developers

Workshop

Anjana Vakil

In this workshop, through hands-on projects we'll learn how to use Observable, a browser-based reactive coding platform, to rapidly build insightful, interactive visualizations in JavaScript. After completing this workshop, you'll have the basic tools & techniques you need to start using data...

dataviz

JS on the Big Screen: Making TV Apps

JSNation 2024

22 min

JS on the Big Screen: Making TV Apps

Mo Khazali

Theodo

JavaScript is widely used in web, mobile, and backend development, and now it is also being used to create TV apps. TVs with web-based operating systems can be targeted with JavaScript applications, and React is commonly used for TV app development. React Native allows for cross-platform TV app development, except for Roku. User interactions and focus management are important considerations in TV app development. Performance optimization is crucial for TV apps, as TVs have lower device scores and limited RAM. Spatial virtualization can significantly improve TV app performance.

build tools frameworks UX UI case study

Never Have an Unmaintainable Jupyter Notebook Again!

ML conf EU 2020

26 min

Never Have an Unmaintainable Jupyter Notebook Again!

Marco Gorelli

Samsung R&D Institute UK

Jupyter Notebooks are important for data science, but maintaining them can be challenging. Visualizing data sets and using code quality tools like NBQA can help address these challenges. Tools like nbdime and Precommit can assist with version control and future code quality. Configuring NBQA and other code quality tools can be done in the PyProject.toml file. NBQA has been integrated into various projects' continuous integration workflows. Moving code from notebooks to Python packages should be considered based on the need for reproducibility and self-contained solutions.

dataviz machine learning

How I Build Web Applications in 2026

AI Coding Summit 2026

31 min

How I Build Web Applications in 2026

Top Content

Kent C. Dodds

Creator of EpicWeb.dev, EpicReact.Dev, TestingJavaScript.com

Kent C. Dodds discusses building web applications in 2026, highlighting the importance of user experience and challenges in offline video downloads. Recent AI advancements in the Epic Workshop app enable offline video downloads with features like bulk downloads and quality control. Efficient AI agent management using agents like Cursor transforms workflow. Leveraging Laravel and Ruby on Rails, Ask Mode enhances project understanding by communicating with AI agents. Emphasizing clear task scoping, iterative planning, and agent feedback improves project development. Utilizing MCP tools and agent workflow, including BugBot for code review, optimizes app development. Closing the agent loop and emphasizing architecture's role in utilizing agent input context are crucial. The talk invites developers to become experienced AI agent managers and join the mailing list for updates.

web development

Processing Robot Data at Scale with R and Kubernetes

ML conf EU 2020

8 min

Processing Robot Data at Scale with R and Kubernetes

Frans van Dunné

ixpantia

The Talk discusses the challenges of managing and analyzing the increasing volume of data gathered from robots. It highlights the importance of data extraction and feature engineering in analyzing what happens before a failure. The use of Kubernetes and Packyderm for data management and automatic updates in the pipeline is mentioned. The parallelization of R scripts and the scalability of large clusters for data collection and processing are emphasized. The Talk also mentions the use of AI at the robot fleet level for unlocking new opportunities.

machine learning

Building a JS Engine -- For Fun!

JSNation 2024

9 min

Building a JS Engine -- For Fun!

Top Content

Linus Groh

Ecma TC39 Delegate

The Talk discusses the basics of building a JS engine, highlighting the complexity and feature completeness of existing engines. It emphasizes the possibility of creating a simpler engine tailored to specific use cases and target audiences. The speaker suggests starting anywhere in the process and provides tips on using parser libraries, implementing runtime features, and ensuring correctness through testing. Additionally, the Talk encourages exploring JavaScript standards and engaging with the open-source community.

javascript deep dive

AI Will Revolutionize UI

React Summit US 2024

27 min

AI Will Revolutionize UI

Jack Herrington

Blue Collar Coder

AI will revolutionize UI through the use of tools. Building recommendation systems for video games using AI libraries and data. Integrating Tansec Start to control server functions and override Fetch. Implementing RAG and using a vector database for response generation. Potential problems with context and data requests. Requesting tools and upgrading system context. Trying simulation games and using multiple steps for data retrieval. Client-side tool handling and tool request handling on the UI. Exploring Ollama application and direct post to AI. Giving AI tools and accessing data. AI evolution and the Tiny Troop project. Handling large databases and local models. RAG limitations and contextualized information. RAG live data retrieval and AI instruction. Exploring VectorDB and embeddings. Jack's thoughts on VectorDB and applause for presentation.

Javascript Optional: Modern React Applications That Work Without JS

React Summit US 2023

28 min

Javascript Optional: Modern React Applications That Work Without JS

Watch video: Javascript Optional: Modern React Applications That Work Without JS

Konstantin Lebedev

STRV

In this Talk, the speaker discusses the concept of building JavaScript optional applications, focusing on the use of tools like React server components, Next.js, remix, React Router, Astro, SolidStarts, and Weld. They explore various aspects such as building eCommerce apps, pagination, adding items to cart without JavaScript, and implementing features like card previews using HTML and CSS. The speaker also highlights the trade-offs and considerations when disabling JavaScript, maintaining cart items, and combining old and new ways of building applications.

remix

Shifting the Trajectory: Undoing the Damage of Working in Front of a Computer Screen

React Advanced 2025

21 min

Shifting the Trajectory: Undoing the Damage of Working in Front of a Computer Screen

Georgios Diamantopoulos

Zero to MVP

Georgios discussing the impact of work on the body, advocating for body checks and sharing personal health experiences. Emphasis on spinal health awareness in children, lack of guidance on sitting habits. Effects of prolonged sitting on arterial elasticity, gene inactivity, and spine pressure. Joint health issues like thinning gel, osteophytes, and lack of movement affecting joint nutrition. The importance of movement in countering body shape changes, adapting to tech neck issues, and stress. Strategies for health improvement through breaks, movement, and exercises. Encouragement for proactive health measures to prevent health decline and maintain mobility.

productivity

Featured

The State of Node.js 2025

JSNation 2025

30 min

The State of Node.js 2025

Top Content

Matteo Collina

Node.js TSC committee member. Pino & Fastify author.

The speaker covers a wide range of topics related to Node.js, including its resilience, popularity, and significance in the tech ecosystem. They discuss Node.js version support, organization activity, development updates, enhancements, and security updates. Node.js relies heavily on volunteers for governance and contribution. The speaker introduces an application server for Node.js enabling PHP integration. Insights are shared on Node.js downloads, infrastructure challenges, software maintenance, and the importance of update schedules for security.

node.js

Build LLM agents in TypeScript with Mastra and Vercel AI SDK

React Advanced 2025

145 min

Build LLM agents in TypeScript with Mastra and Vercel AI SDK

Featured WorkshopFree

Eric Burel

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...

typescript artificial intelligence

No REST for Cap'n Web

Node Congress 2026

23 min

No REST for Cap'n Web

Kenton Varda

Cloudflare

Kenton Varda advocates for using CapnWeb, an RPC protocol, over REST for web APIs, emphasizing benefits for humans and AI agents. CapnWeb simplifies client-server communications by treating them as function calls. TypeScript type checking ensures method accuracy in CapnWeb across JavaScript runtimes. Stubs in CapnWeb allow method calls to execute on remote objects and simulate all possible method names for remote calls. Converting REST APIs to CapnWeb streamlines code and improves API calls. CapnWeb enhances API functionality with object-specific RPC sessions and promises pipelining for multilevel API optimization. AI agent security challenges are addressed with sandboxing and token protection in CapnWeb. CapnWeb capabilities for AI agents include passing restricted CapnWeb stubs and exploring capability-based security with CapnProto.

tooling

The State of the Web

JSNation 2025

32 min

The State of the Web

Sacha Greif

Devographics

Sasha Grief discusses the state of the web through web development surveys, leading to an interactive quiz about the state of JS and usage of front end frameworks. Discussion on popular front-end libraries like React, Vue, Angular, and the rising popularity of TypeScript among developers in recent surveys. Discussion on TypeScript adoption, TC39 committee proposals, favorite CSS feature 'has,' and browser support for 'has' selector. Browser interoperability, browser vendors' initiatives, AI usage among web developers, and survey insights. Job titles linked to higher income, diversity of survey topics, top hobby among developers, and popular specific video games. Learnings on CSS features, TypeScript default, AI usage, survey benefits, challenges in reaching diverse survey participants. Surprising positivity in JavaScript usage, stable framework landscape, AI adoption challenges, mainstream AI tools, successful situp.js survey. Inconsistent respondent numbers, manual data normalization efforts, subjective question selection process, community input, mitigation of selection bias. Reason for starting surveys, transition from Meteor JS, exploration of JavaScript ecosystem.

frameworks web standards

Never Worry About CORS Again

JSNation US 2025

28 min

Never Worry About CORS Again

Jarred Sumner

Creator of Bun.

Talk on Bund: Overview of Bund, its speed optimization, components like runtime, package manager, test runner, and bundler. Efficient features include fast npm manager, pnpm lockfile support, Jest-compatible test runner, and optimized runtime components. Built-in features like modern password hashing, WebSocket server, file glob API, and database clients. API design focuses on common use cases and optimization. Enhanced JavaScript functionality with SIMD, native code, and performance improvements. Challenges in JavaScript productivity, BUN adoption, deployment, and support. React support, community involvement, security, Next.js compatibility, and transition.

js runtimes

The New AI Workflows

React Advanced 2025

14 min

The New AI Workflows

Steve Sewell

Builder.io

The Talk delves into the impact of LLMs on engineering workflows, emphasizing the shift towards AI for code writing efficiency. It highlights the importance of problem-solving abilities and product development in hiring practices. LLMs enhance productivity for developers, designers, and product managers, enabling faster iterations and collaboration. Efficient product workflows are achieved through simultaneous UI and code work using Builder.io. Task delegation is streamlined with async agents and Builder bots, optimizing project editing and code management. Integration with tools like VS Code and Figma streamlines design and code editing, enhancing collaboration and workflow automation.

artificial intelligence

Why Node.js Needs an Application Server

Node Congress 2026

18 min

Why Node.js Needs an Application Server

Matteo Collina

Node.js TSC committee member. Pino & Fastify author.

Matteo Collina discusses Node.js, its single-threaded design, and the introduction of threads in 2018 for parallelism and CPU utilization. Node.js production monitoring focuses on application health, fault tolerance, and event loop efficiency. VAT architecture improves Node.js applications with thread migration and monitoring. Node.js manages threads and failures independently with Prometheus monitoring. Scalability in Node.js involves Kubernetes clusters and in-process scaling. Next.js with React SSR for Node.js applications enables dynamic scaling and performance. Node.js handles CPU blocking and SSR performance by utilizing multiple threads.

node.js architecture

Keeping Up with The Fast and Furious Web

JSNation US 2025

29 min

Keeping Up with The Fast and Furious Web

Scott Tolinski

Co-host of Syntax.fm

Scott Talinsky's journey in web development highlights his transition from YouTube tutorials to creating educational content and courses, reflecting his passion for teaching. The evolution of web development tools showcases advancements from limited colors to modern frameworks like React and CSS features like squircles. Adapting to new technologies emphasizes core skills and freedom in tool selection. User-centric development prioritizes accessibility and understanding the purpose of tools. Learning strategies focus on fundamentals, hands-on learning, and avoiding influencer bias. Standing out in tech roles requires quality projects, broad knowledge, and effective communication.

web development

Build a MCP (Model Context Protocol) in Node.js

JSNation US 2025

97 min

Build a MCP (Model Context Protocol) in Node.js

Featured Workshop

Julián Duque

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...

node.js

Thinking Like an Architect

Node Congress 2025

31 min

Thinking Like an Architect

Top Content

Luca Mezzalira

Author of Front-End Reactive Architectures and Building Micro-Frontends

In modern software development, architecture is more than just selecting the right tech stack; it involves decision-making, trade-offs, and considering the context of the business and organization. Understanding the problem space and focusing on users' needs are essential. Architectural flexibility is key, adapting the level of granularity and choosing between different approaches. Holistic thinking, long-term vision, and domain understanding are crucial for making better decisions. Effective communication, inclusion, and documentation are core skills for architects. Democratizing communication, prioritizing value, and embracing adaptive architectures are key to success.

architecture

Short takes

Optimizing the Path From Design to Production in Engineering Workflows

React Summit US 2025

7 min

Optimizing the Path From Design to Production in Engineering Workflows

Akbar Mirza

Figma

Akbar, developer advocate at Figma, highlights the importance of exploration, representation, and production in product development. Figma leverages design systems and AI tools for efficient transition from representation to production, optimizing expertise and automating non-critical tasks. Seamless integration between design elements and the app is achieved through tools like Code Connect and Copilot, fostering collaboration between design and code.

design

Server Components Wars: PHP Strikes Back

React Summit 2025

6 min

Server Components Wars: PHP Strikes Back

Edoardo Dusi

Storyblok

Edoardo, a senior dev rel at Storyblok, delves into server components' intricacies, urging a better understanding. The evolution from PHP to React marked a shift in web development paradigms, emphasizing server-side rendering and dynamic client interactions. Facebook transitioned from PHP to React, introducing XHP subset. Isomorphic JavaScript and server-side rendering emerged with data requests and content rendering. React server components enable server-side rendering with data fetched from DBMS or CMS, emphasizing patterns for seamless transitions to new frameworks.

react server components

Everyone Is Now a Manager - Interfaces in the World of Agents

TechLead Conf London 2025: Adopting AI in Orgs Edition

6 min

Everyone Is Now a Manager - Interfaces in the World of Agents

Sam Komesarook

Arts & Engineering Composite

Sam Kmezverk's talk covers the evolving tech landscape, emphasizing key principles for agents' implementation in tasks and decision-making processes. Addressing challenges in agent orchestration, debugging system issues, and cultivating user trust are crucial for successful interface development.

user interfaces

It’s Not Magic: Elevate Auth Security with PKCE Best Practices

Node Congress 2025

5 min

It’s Not Magic: Elevate Auth Security with PKCE Best Practices

Kim Maida

FusionAuth

The talk discusses the need to enhance auth security with Pixie Best Practices and the limitations of current standards like OAuth 2 and OpenID Connect. It introduces Pixie as an added layer of security over the authorization code flow and explains how it prevents code injection. Pixie enhances security by connecting client requests with responses from the authorization server, preventing cross-site request forgery attacks. It is recommended for public clients and will be required for all clients in the upcoming OAuth 2.1 spec. The talk also highlights the benefits of Pixie for enhancing security in web apps. Learn more about Pixie and best practices at FusionAuth, where Kim Meida, Senior Director of Developer Relations, provides developer-first auth and auth APIs.

best practices

Backend-for-Frontend Auth: The Secure JS App Architecture

JSNation US 2025

6 min

Backend-for-Frontend Auth: The Secure JS App Architecture

Kim Maida

FusionAuth

Challenges in OAuth, importance of back end security for front end, and implementation details of OAuth flow between front end, back end, and authorization server. Detailed process of token handling, session management, and user data retrieval in OAuth implementation between front end, back end, and authorization server.

security authentication

How To Get The Most Out Of the Cloud As A Front-End Developer

React Summit US 2025

7 min

How To Get The Most Out Of the Cloud As A Front-End Developer

Erik Hanchett

AWS

Front-end developers benefit from cloud services like AWS S3 and Lambda. AWS offers services like Cognito for identity management and Bedrock AI models. AWS Amplify provides Hosting and Cloud Development Kit for efficient development. The Cloud Development Kit is recommended for TypeScript deployment. AWS Amplify connects front-end to AWS services and SDK for back-end. QR code feedback is available for the talk.

tooling

Using Spec-Driven Development for Production Workflows

JSNation US 2025

7 min

Using Spec-Driven Development for Production Workflows

Erik Hanchett

AWS

We're discussing spec-driven development and the innovative AI IDE, QIRO, that supports this approach. QIRO focuses on structured specifications before coding, aiding developers in creating designs. The QIRO mascot, a playful ghost, symbolizes the essence of spec-driven development. Eric Hanchett discusses QIRO, emphasizing its spec-driven development feature integrated into the IDE. QIRO aids in in-depth feature planning, resembling a structured requirements approach. Coding assistants benefit from detailed examples for efficient development. Exploring Manual Coding Assistance: Creating user requirements, building design documents, and task lists manually. Example of using spec mode in a coding assistant to break down requirements, create designs, and implement features.

artificial intelligence

Video Optimization for the Web: The Missing Piece in Lighthouse

React Summit US 2025

7 min

Video Optimization for the Web: The Missing Piece in Lighthouse

Rahul Nanwani

ImageKit.io

Rahul introduces video optimization principles, emphasizing modern formats, compression, bitrate reduction, and lazy loading. ImageKit simplifies video loading by compressing videos significantly and adapting to network conditions. Pausing videos when not in view saves data costs and enhances user experience.

video

A JS Dev's Guide to Not Dismissing Blockchain

JSNation 2025

6 min

A JS Dev's Guide to Not Dismissing Blockchain

Brian Whippo

Algorand Foundation

Thanking Git Nation and Algorand team. Exploring blockchain's journey to enlightenment. Algorand's role in blockchain solutions like disintermediation, data integrity, and market access. Highlighting businesses on Algorand mainnet like TravelX, Lofty, and LabTrace. Algorand TypeScript simplifies blockchain development with real TypeScript, avoiding complex assembly language. Examples like asset transfers and key-value storage demonstrate accessibility.

blockchain

Next.js Adapters: Build Once, Deploy Everywhere

React Summit 2025

7 min

Next.js Adapters: Build Once, Deploy Everywhere

JJ Kasper

Vercel

Hello, React Summit. Excited to talk about Next.js adapters. Evolution towards adapter solutions to simplify deployment complexities. Minimalist adapter interface for customization and structured output handling. Key hooks and configurations for platform-specific optimizations. Partners collaboration for enhanced experiences in Next.js deployments. Simplified, platform-agnostic deployments for better developer experience.

next.js

Latest

Build Your Team's Automation Layer: The AI Glue Agent Pattern

AI Coding Summit 2026

18 min

Build Your Team's Automation Layer: The AI Glue Agent Pattern

Shubh

Speaker specializing in technical architecture discusses the impact of interruptions on deep focus, productivity, and software development challenges in global organizations. Content adaptation to multiple languages required manual glyph corrections and a structured collaboration plane. Transitioning to automated systems raises the question of why orchestration remains manual, with AI as a glue agent. Strategic stock analysis involves N8n workflows, specialized agents, and structured contracts for consistency. Workflow architecture includes JSON contracts, specialized agents, and structured HTML emails for stock analysis. Workflow reliability focuses on independence, idempotence, and robust frameworks for adaptability. Automation and AI integration emphasize process streamlining and human intervention in decision-making. Intelligent orchestration systems involve encoding intent by humans and AI turning it into action, focusing on clear workflows and architecting for control.

architecture

Always Accurate Documentation

React Advanced 2025

11 min

Always Accurate Documentation

Travis Arnold

souporserious

As a designer and engineer, I've faced challenges with outdated documentation causing friction and trust erosion. Documentation drift arises from scattered sources and lack of a single reference, leading to ambiguity and staleness. React server components offer benefits like server-side rendering, composition flexibility, and lazy evaluation for enhancing documentation quality. By directly generating documentation from the TypeScript compiler, React server components ensure accurate and up-to-date content, improving documentation accuracy and flexibility.

react components

Voice Agents Crash Course

AI Coding Summit 2026

26 min

Voice Agents Crash Course

Stepan Suvorov

Roadsoft

Stepan Suvorov, CTO at Roadsoft, discusses the rise of Voice Agents, highlighting market growth, improved models for speech to text and voice generation, reduced latency, and cost-effectiveness. Key components include speech-to-text, LLM analysis, text-to-speech conversion, orchestration, and addressing latency. Delving into essential aspects like voice activity detection, interruption handling, and model selection criteria for Voice Agents. Exploring parameters such as latency, quality, pricing, language support, and voice cloning options. Comparing DIY and managed solutions for Voice Agents, emphasizing flexibility and cost-effectiveness. Discussing cost implications between managed and self-hosted solutions, considering usage volumes and scale. Addressing infrastructure challenges, testing approaches, WAPI limits, model selection, and future plans for voice agents.

case study

Why Software Engineering Is Becoming: Plan and Review

AI Coding Summit 2026

18 min

Why Software Engineering Is Becoming: Plan and Review

Louis Knight-Webb

Vibe Kanban

Louis from Vibe Kanban discusses optimizing workflows for software engineers with coding agents, focusing on planning and review. Leveraging AI tools like GitHub Copilot and ChatGPT can enhance productivity by reallocating time effectively. Reflecting on time saved by AI, the focus is on optimizing planning and reviewing to boost productivity. Emphasizing detailed planning processes and effective use of AI coding agents to ensure successful outcomes. Simplifying reviewing processes to save time and enhance productivity through efficient code review. Leveraging Codex and Claude coding agents for efficient code review to optimize time and workflow. Minimizing time spent on code review by providing feedback to coding agents within the editor, working on multiple tasks in parallel, and automating tasks requested by AI for enhanced productivity.

code generation

Spec Driven Development: The End of Vibe Coding

AI Coding Summit 2026

21 min

Spec Driven Development: The End of Vibe Coding

Daniel Sogl

Thinktecture AG

Welcome to spec-driven development talk by Daniel Sogel. AI agents struggle with benchmarks and real-world tasks. Developers spend extra time fixing code generated by AI agents. Security issues in AI-generated code, limitations with context management, multi-file coordination, silent failures, architecture decisions, and enterprise context challenges addressed by Spectre from development. AI agents removing safety checks, generating code with fake data, silent failures worse than crashes, spectrum development benefits like complete context upfront, structured reasoning, validation checkpoints, and autonomous implementation without manual code review. Act with AI agents like pair programmers, combine spectrum, behavior-driven, and test-driven development. Spec-driven development adoption in the industry, using Keyro IDE by AWS and popular tools like SpecKit and OpenSpec for different project types. Define tech stack, API structure in planning, task phase implementation, handover to AI agents, and choosing the right spec-driven development tools.

artificial intelligence devtools developer experience best practices

DevOps for JavaScript Developers: From Code to Production

Node Congress 2026

88 min

DevOps for JavaScript Developers: From Code to Production

Workshop

Kristiyan Velkov

Mentorship available

This workshop closes the old and very real gap between Node.js developers and production.Many Node.js developers can build APIs, services, and backends that work locally—but things fall apart when it’s time to containerize, deploy, scale, and operate them in real environments. This worksho...

devops

Every API is a Tool for Agents with Code Mode

Node Congress 2026

32 min

Every API is a Tool for Agents with Code Mode

Matt Carey

Cloudflare

The Talk introduces APIs, Codemode, and MCP, highlighting the role of APIs in empowering agents and AI's access to external resources. CloudFlare's evolution with MCP involves remote tool sharing and addressing challenges like large context windows. Challenges in Cloudflare's API tool access include progressive tool disclosure and splitting MCP servers. The discussion covers tool search, project management API creation, CodeMode concept, and self-documenting tools for secure tool execution. Proposed solutions include Code Mode, SDK generation, efficient control flow, token efficiency, and secure code execution. Key topics include dynamic worker loaders, Cloudflare API integration, Visitor Counter implementation, and exploring MCP server functionality.

artificial intelligence

React Native AI: Bringing on-device LLMs with AI SDK to React Native

React Advanced 2025

26 min

React Native AI: Bringing on-device LLMs with AI SDK to React Native

Szymon Rybczak

Callstack

Hello everyone, React Native AI, AI SDK from Brazil, connect AI SDK with React Native, Szymon Rybczak, senior React Native developer, React Native AI, run AI on device, powerful devices, on-device AI on mobile, iPhone 15 Pro performance. Devices are powerful. Inspired by Guillermo Rauch's tweet on Google Chrome's Gemini model. Researched topic, learned about providers in AISDK, create and plug providers for various APIs. Excitement for WWDC, experimenting with Apple Foundation Model in React Native, impressive performance. Apple investment in React Native, code sharing success with Vercel SDK and React Native AI Apple package, extensive features and community support. Integration with ASDK, expanding providers for on-device models, Android models support, real-life privacy-focused applications. Simulator compatibility on macOS 26 and Pixel 9 Pro, upcoming Android models, LLM offline training trade-offs, privacy and efficiency benefits. Image and video generation potential, Device model parameter size comparison, Apple's optimized on-device model performance, Implications for other AI apps like Gemini and Jacky P.T. On-device model implementation for offline scenarios, Support for multiple runtimes, Memory consumption comparison, Whisper.RN and LLM.RN functionality, Device compatibility verification via APIs.

artificial intelligence

What's Under the Pointer?

React Advanced 2025

30 min

What's Under the Pointer?

Steve Ruiz

tldraw

Let's discuss Tealdraw, a versatile application with a whiteboard feature similar to Miro and Excalitraw. Tealdraw offers an SDK, tealdraw.dev, enabling innovative creations like a liquid simulation. Challenges in Tealdraw included optimizing hit testing, managing selection logic, and addressing shape interactions. The debugging geometry view allows for efficient handling of canvas data and hit detection. Tealdraw's approach to hit testing involves bounding boxes, shape hierarchy navigation, and handling user interactions with polygons. The talk explores technology choices, resolving logic levels, and utilizing CSS masks in Tealdraw, emphasizing the importance of user interaction and efficient hit testing processes.

architecture

Beyond Chat Bubbles: Building React Apps Where AI Generates Your UI

React Advanced 2025

20 min

Beyond Chat Bubbles: Building React Apps Where AI Generates Your UI

Jesse Hall

codeSTACKr

Introducing different AI interaction styles like chat interface vs. generating interactive interfaces for learning. Evolution of AI interfaces from text-based apps to tailored UIs based on user needs. Generative UI applications creating visual interfaces with AI. AI-driven UI component selection ensuring safety and flexibility. Challenges of true code generation for React or HTML. Balancing AI development approaches for innovation and reliability. Foundational aspects of AI SDK and generative UI with React components. Enhancing learning with voice-enabled interaction and expanding AI applications with voice UI. Voice-enabled workflow automation for various tasks. Utilizing production-ready AI technology for adaptive interfaces.

artificial intelligence

Popular

SolidJS: Why All the Suspense?

JSNation 2023

28 min

SolidJS: Why All the Suspense?

Top Content

Ryan Carniato

SolidJS Creator

Suspense is a mechanism for orchestrating asynchronous state changes in JavaScript frameworks. It ensures async consistency in UIs and helps avoid trust erosion and inconsistencies. Suspense boundaries are used to hoist data fetching and create consistency zones based on the user interface. They can handle loading states of multiple resources and control state loading in applications. Suspense can be used for transitions, providing a smoother user experience and allowing prioritization of important content.

react query preact vs solidjs builders and founders solidjs vs react frameworks solidjs

Scaling Up with Remix and Micro Frontends

Remix Conf Europe 2022

23 min

Scaling Up with Remix and Micro Frontends

Top Content

Adrien Baron

Creator of Tiny Frontend

This talk discusses the usage of Microfrontends in Remix and introduces the Tiny Frontend library. Kazoo, a used car buying platform, follows a domain-driven design approach and encountered issues with granular slicing. Tiny Frontend aims to solve the slicing problem and promotes type safety and compatibility of shared dependencies. The speaker demonstrates how Tiny Frontend works with server-side rendering and how Remix can consume and update components without redeploying the app. The talk also explores the usage of micro frontends and the future support for Webpack Module Federation in Remix.

remix javascript micro-frontends architecture

Impact: Growing as an Engineer

React Summit 2022

26 min

Impact: Growing as an Engineer

Top Content

Shruti Balasa

Tech Educator

This Talk discusses design systems and how to build one using React and Tailwind CSS. Tailwind CSS provides utility classes for building complex layouts without writing CSS rules. Custom colors can be added to the Tailwind CSS config file, and font styles and text sizes can be customized. The entire Tailwind CSS configuration can be customized to meet specific requirements. Base styles can be added to the config file itself using a plugin. Reusable components can be created with Tailwind CSS, allowing for easy customization of size and color.

css design systems react design systems tailwind react

React Hooks Tips Only the Pros Know

React Summit Remote Edition 2021

177 min

React Hooks Tips Only the Pros Know

Top Content

Featured Workshop

Maurice de Beijer

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 hooks react react 18 hooks react profiler deep dive best practices

Using UDP in the Browser for faster Client/Server Connections

JS GameDev Summit 2023

21 min

Using UDP in the Browser for faster Client/Server Connections

Top Content

Yannick

BBZ CFP Biel-Bienne

This talk introduces geckos.io, a real-time client-server communication library using UDP and WebRTC. The speaker discusses the benefits of UDP for real-time multiplayer games and explains how geckos.io enables UDP connections between browsers and Node.js servers. The deployment process for geckos.io involves opening UDP ports and handling signaling through an HTTP request. The speaker demonstrates how geckos.io works with Docker and showcases the ability to host multiple servers on the same machine. Overall, this talk provides an overview of geckos.io and its applications in real-time communication.

developer experience game development react native updates

Building Better Websites with Remix

React Summit Remote Edition 2021

33 min

Building Better Websites with Remix

Top Content

Michael Jackson

React Training

Remix is a web framework built on React Router that focuses on web fundamentals, accessibility, performance, and flexibility. It delivers real HTML and SEO benefits, and allows for automatic updating of meta tags and styles. It provides features like login functionality, session management, and error handling. Remix is a server-rendered framework that can enhance sites with JavaScript but doesn't require it for basic functionality. It aims to create quality HTML-driven documents and is flexible for use with different web technologies and stacks.

remix react frameworks

Let’s Talk about Re-renders

React Summit 2022

23 min

Let’s Talk about Re-renders

Top Content

Nadia Makarevich

Coder, writer, author of Advanced React book

This Talk discusses React performance and how re-renders can affect it. It highlights common mistakes and misconceptions, such as the overuse of useMemo and useCallback hooks. The importance of React.memo in preventing unnecessary child component re-renders is emphasized. Creating components in render functions is identified as a major performance killer, and the benefits of moving state down and wrapping state around children are explained. The Talk also covers optimizing component rendering through memoization and provides a recap of the key points.

performance concurrent rendering react react 18 deep dive

React Query - The Bad Parts

React Day Berlin 2024

30 min

React Query - The Bad Parts

Top Content

Dominik Dorfmeister

React-Query maintainer

React Query is a popular library with significant weekly downloads and positive user sentiment. It may have trade-offs like bundle size, but the actual size shipped is smaller. Bundle size optimization can be achieved by exporting only necessary features. React Query's declarative approach eliminates the need for custom data fetching solutions. It offers caching, request duplication, background updates, and more. RackQuery doesn't support normalized caching, but refetching after invalidation works fine. React's vision includes suspense architecture and server components. The documentation could be improved with a more structured flow. TensorStack Query can be a good choice for Next.js apps, but not necessary with mature frameworks. The 10 stack query and router concepts were discussed. Combining React Query with HTTP caching provides a robust caching solution.

react query react

Thinking in React Query

React Summit 2023

22 min

Thinking in React Query

Top Content

Watch video: Thinking in React Query

Dominik Dorfmeister

React-Query maintainer

React Query is not a data fetching library, but an Asian state manager. It helps keep data up to date and manage agent life cycles efficiently. React Query provides fine-grained subscriptions and allows for adjusting stale time to control data fetching behavior. Defining stale time and managing dependencies are important aspects of working with React Query. Using the URL as a state manager and Zustand for managing filters in React Query can be powerful.

state management react query patterns builders and founders react thinking in react react state management react query best practices react query dependent queries react query caching

JavaScript

10 Years of Best of JS

JSNation 2025

28 min

10 Years of Best of JS

Michael Rambeau

Creator of Best of JS and JS Rising Stars projects.

Michael discusses the evolution of JavaScript from its early days to modern server-side capabilities, the impact of jQuery, Node.js, and single-page applications with popular libraries like Backbone and AngularJS. The emergence of UI libraries like React, Vue.js, and Angular, alongside meta frameworks like Next.js, Remix, Veltkit, and Solid with server components. The Best of JS project tracks JavaScript project trends, filters out deprecated projects, and monitors GitHub stars for maintenance. The importance of maintaining project relevance, adding new projects continuously, and classifying projects under meaningful tags. The evolution of TypeScript, tool releases like Deno and Burn, styling evolution from CSS to headless components, and the impact of Tailwind CSS. Analysis of CSS optimization, CLI ecosystem, tooling trends, emerging tools, and JavaScript development trends over the past decade.

javascript

Temporal: The Curious Incident of the Wrong Nighttime

JSNation 2025

25 min

Temporal: The Curious Incident of the Wrong Nighttime

Philip Chimento

Igalia, S.L.

Speaker's involvement in Temporal proposal and TC39 meetings for JavaScript standardization. Date conversion challenges faced in development. Addressing time zone discrepancies with Temporal to prevent bugs. Exploration of Temporal types and design philosophy. Usage of Java's time zone serialization in JavaScript Temporal. Challenges in implementing Temporal proposal and its transformative potential in ECMAScript.

javascript browser api tc39 web standards

React

How to React Compiler

React Summit 2025

20 min

How to React Compiler

Anton Nepsha

Introduction to React compiler, differences from React 19, installation of Babel plug-in React compiler, specifying target React versions, and how React compiler detects and processes component dependencies. Configuring React compiler settings, exploring default options and configurations, utilizing React compiler playground website for configurations, dealing with JSX markup re-computation. React compiler feature for extracting JSX from array map callbacks, limitations of enable function outlining, enabling JSX outlining for separate functions. Function memoization in React compiler, React compiler beta stage, potential errors with React compiler. React compiler error: memorization preservation, hidden messages, validation settings. React compiler: validation tools, hooks treatment, memorization challenges. Changing hooks to functions for React compiler optimization. React Compiler usage considerations and potential optimizations.

react

React Beyond the DOM

React Summit US 2025

27 min

React Beyond the DOM

Erik Rasmussen

Eric Rasmussen discusses React beyond the DOM, React PDF, Ink tools, and rendering to Markdown. The overview includes React Reconciler, host configuration, state management with real-world entities like light bulbs, and building a traffic light state machine visually. The talk also covers securing third-party JavaScript, expanding React rendering possibilities, advanced tooling for state machines, controlling light bulbs via renderer callbacks, server functions for fetch in the cloud, and potential robot programming with React.

react

TDD in Frontend

React Summit 2025

121 min

TDD in Frontend

Workshop

Aleksandr Shinkarev

Tests first, code last!How to develop your frontend that the code isn't falling apart? How to make it scary free to deliver your work results? How to battle bugs that are chasing you at every step you make?I am going to answer these questions during the workshop and show how to foll...

react

Suspenseful Component Composition

React Summit US 2025

12 min

Suspenseful Component Composition

Simeon Griggs

Sanity

Simeon Griggs discusses Suspenseful Component Composition, the use of fallback props, and the basics of suspense in React applications with a demo showcasing data fetching and layout shifting. Exploring issues with data fetching and suspense boundaries. Addressing the challenges of using suspense boundaries and data fetching for individual rows in React applications. Creating consistent fallback elements for smooth loading experiences in tables by aligning sizes and optimizing data fetching placement. Optimizing data fetching placement for smoother loading experiences. Consider exporting suspense boundary to enhance code cleanliness and be defensive against data fetching errors. Use error boundaries to handle errors in suspenseful data fetching components for a smoother user experience.

react

From Segments to Suspense: The Future of Next.js Caching

React Advanced 2025

27 min

From Segments to Suspense: The Future of Next.js Caching

Wyatt Johnson

Vercel

Introduction to Cache Components in Next.js 16, transforming the app router with new features like partial pre-rendering, Dynamic I.O., and caching directives. Deep dive into static params generation in Next.js focusing on changes in generating static params for improved performance. Exploring challenges of generating static params and balancing static vs. dynamic rendering for better performance. Addressing challenges with cache components, optimizing static and dynamic rendering for improved performance. Understanding impact of parameters on rendering with cache components, managing dynamic components, and introducing suspense boundaries for faster page loads. Enhancing cache life APIs, introducing a new caching model for static outputs in Next.js. Revolutionizing cache management with granular control over cache lifetimes and dynamic segment configuration. Navigating data and caching in Next.js, exploring cache components guidance and caching differences between server and client components.

react performance next.js frontend server cache react server components

React Strict Dom: Cross-Platform React Based on the Web

React Summit US 2025

29 min

React Strict Dom: Cross-Platform React Based on the Web

Nicolas Gallagher

Top Content

Miguel Ángel Durán

midudev

Speaker delves into global state management in React, mentioning Redux and alternatives like React context. Creating a global state manager in under 50 lines of code with React context, highlighting challenges with performance and React specificity. Building a custom hook named user store for state management, implementing state and API for store, handling partial state updates efficiently. Managing listeners for state changes, setting up custom hooks and selectors, and subscribing to external stores. Demonstrating optimization in state management and preventing unnecessary button re-renders. Discussion on Redux, Signals, debugging, and various global state management choices like Zestand and Redux toolkit.

react

Free workshops

Building Model Context Protocol (MCP) Tools for AI Agents with Cloudflare Workers

Node Congress 2026

73 min

Building Model Context Protocol (MCP) Tools for AI Agents with Cloudflare Workers

WorkshopFree

Confidence Okoghenun

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...

artificial intelligence

Building with Gemini: AI Studio, Antigravity, and Google DeepMind's Latest Models

AI Coding Summit 2026

34 min

Building with Gemini: AI Studio, Antigravity, and Google DeepMind's Latest Models

WorkshopFree

Paige Bailey

In this hands-on session, we'll dive straight into the practical mechanics of working with Google DeepMind’s latest research and models. We'll explore Google AI Studio, Antigravity, and the Gemini APIs, focusing on how to seamlessly integrate these capabilities into your own projects. If you're l...

best practices

"Hello World" on OpenShift AI: Training Your First Neural Network

AI Coding Summit 2026

53 min

"Hello World" on OpenShift AI: Training Your First Neural Network

WorkshopFree

2 authors

Join us for an interactive workshop where you'll train your first neural network using the classic MNIST handwritten digit dataset. In this hands-on session, participants will use OpenShift AI 3.x Workbenches to build and train a PyTorch model that recognizes handwritten digits from images.

artificial intelligence

Hands-On Guide to Secure AI-Driven Coding

AI Coding Summit 2026

52 min

Hands-On Guide to Secure AI-Driven Coding

WorkshopFree

Gil Friedman

Modern AI coding agents don’t just autocomplete. They execute, connect, and automate. With the wrong settings, they can access more of your system than you intended. In this session, I’ll demonstrate how agent autonomy, MCP integrations, and Skills can lead to unexpected security risks. Through e...

best practices artificial intelligence

Ship a Production Voice Agent: A Hands-on Workshop

AI Coding Summit 2026

49 min

Ship a Production Voice Agent: A Hands-on Workshop

WorkshopFree

Shifra Williams

Ready to bring conversational AI to life? In this hands-on workshop, we'll walk through deploying a real-time voice agent using Render's cloud platform. You'll work directly with LiveKit's voice agent template to create an interactive AI assistant that can listen, think, and respond naturally thr...

web apps

Build Your Dream Extensions with AI

AI Coding Summit 2026

87 min

Build Your Dream Extensions with AI

WorkshopFree

Brittany Joiner

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...

artificial intelligence

Using Sandboxes to Safely Execute Untrusted or Dynamic Code

AI Coding Summit 2026

76 min

Using Sandboxes to Safely Execute Untrusted or Dynamic Code

WorkshopFree

Craig Dennis

This workshop introduces Sandboxes as a general computing primitive and uses Cloudflare Sandboxes as the concrete implementation. Participants explore common, real-world use cases for sandboxed execution and learn how to reason about when and why sandboxes are the right tool.

The works...

case study

Building AI workflow editor UI in React with Workflow Builder SDK

React Summit US 2025

141 min

Building AI workflow editor UI in React with Workflow Builder SDK

WorkshopFree

Łukasz Jaźwa

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...

artificial intelligence UX UI

The React Developer's Guide to AI Engineering

React Summit US 2025

96 min

The React Developer's Guide to AI Engineering

Featured WorkshopFree

Niall Maher

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...

artificial intelligence

How To Enhance an Existing React App With AI, Without Rewriting It From Scratch

React Advanced 2025

109 min

How To Enhance an Existing React App With AI, Without Rewriting It From Scratch

WorkshopFree

Greg Brimble

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 fea...

artificial intelligence