GitNation: Talks & workshops by core teams and top engineers

Upcoming events

Subscribe to the top Dev conferences

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

AI Coding Summit NYC

Nov 16 - 19, 2026

React Day Berlin 2026

Dec 4 - 7, 2026

AI Coding Summit Berlin

Dec 4 - 7, 2026

Web Development insights directly from framework authors and early adopters.

Talks from our events

React Summit 2026

Jun 11 - 16, 2026

JSNation 2026

Jun 11 - 15, 2026

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

Jun 11, 2026

Web Engineering Summit 2026

Jun 11 - 15, 2026

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

Articles

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

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

Top ideas

What are the benefits of using a MonoRepo?

The benefits of using a MonoRepo include atomic changes, simplified code sharing, and a single set of dependencies. This facilitates faster development cycles, reduces integration issues, and simplifies project management across multiple teams or projects.

What improvements in web technology does the speaker discuss?

The speaker discusses improvements in CSS and web APIs, such as dynamic viewport height units, scroll behavior in CSS, scroll snap, intersection observer API, and the web animation API.

Why is the new event loop important in React Native?

The new event loop is important because it enables synchronous updates and access to layout information, making React Native behave more like React DOM and improving performance by reducing UI flickers and inconsistencies.

How does the new event loop handle JavaScript tasks and micro-tasks?

The new event loop processes tasks and micro-tasks sequentially, ensuring that all micro-tasks related to a task are completed before moving to the next task, which aligns with the behavior of the JavaScript event loop.

Can Undici handle HTTP/2?

Yes, Undici supports HTTP/2 in addition to HTTP 1.1.

Why should architects focus on what really matters?

Architects should prioritize areas that provide the most business value, even if it means accepting technical debt in less crucial areas, to ensure strategic goals are met.

What are the benefits of using Redux today?

The benefits of using Redux today include a consistent architectural pattern, predictable data flow, powerful developer tools like Redux DevTools, wide usage and community support, better update performance compared to React context, and strong TypeScript support.

Are there any downsides to using React Compiler?

Nadia found that React Compiler might not catch every re-render, especially with external libraries or complex legacy code. It may not handle cases where code isn't fine-tuned for memoization.

Who should consider using TanStack Start?

Businesses building React applications that require a robust client-side framework with server-side capabilities should consider using TanStack Start, especially if they value type safety and URL state management.

How does Svelte differ from React?

Svelte is HTML-first, focusing on states rather than changes between states like JavaScript does. It allows developers to use valid HTML directly in components, offering a more intuitive approach compared to React's JSX.

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: Pocket Guide to Seniority
Talk: Why Engineers Must Become Multipliers in the AI-Era
Talk: Walking the Netflix Paved Road (Bumps Included): Web Framework, Hawkins Design System
Talk: Transforming Your Tech Interviews in the AI Agent Age
Talk: 5 Tough Conversations Managers Need to Have

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

React Day Berlin 2023

30 min

Brace Your React, New Core Web Vitals are Coming

Watch video: Brace Your React, New Core Web Vitals are Coming

Ivan Akulov

Google Developer Expert, Web Performance Consultant, Netherlands

The Talk discusses the NextPaint metric, a new performance metric introduced by Google that measures the speed of clicks or keyboard input on a page. It explores how React rendering can impact the NextPaint metric and offers optimization techniques such as using the useTransition hook in React 18. The Talk also covers the changes introduced in React 18's rendering process, the impact of wrapping with suspense, and the replacement of the First Input Delay metric with the interaction to the next page. The limitations of useTransition and general React performance optimization strategies are also discussed.

performance react web vitals

Advanced Claude Code Techniques for 2026

AI Coding Summit 2026

127 min

Advanced Claude Code Techniques for 2026

Top Content

Workshop

Cole Medin

Cole will walk through his agentic coding workflow that allows him to delegate all coding to the agent while still keeping him in the driver's seat (no vibe coding!). The key is to create a structured approach for both the up front planning and the validation - and he'll demonstrate what that loo...

best practices

The AI-Native Software Engineer

JSNation US 2025

35 min

The AI-Native Software Engineer

Top Content

Addy Osmani

Engineering Leader Working on Google Chrome

Software engineering is evolving with AI and VIBE coding reshaping work, emphasizing collaboration and embracing AI. The future roadmap includes transitioning from augmented to AI-first and eventually AI-native developer experiences. AI integration in coding practices shapes a collaborative future, with tools evolving for startups and enterprises. AI tools aid in design, coding, and testing, offering varied assistance. Context relevance, spec-driven development, human review, and AI implementation challenges are key focus areas. AI boosts productivity but faces verification challenges, necessitating human oversight. The impact of AI on code reviews, talent development, and problem-solving evolution in coding practices is significant.

artificial intelligence

Model Context Protocol (MCP) Deep Dive: 2-Hour Interactive Workshop

AI Coding Summit 2025

86 min

Model Context Protocol (MCP) Deep Dive: 2-Hour Interactive Workshop

Workshop

Stepan Suvorov

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. Agenda:- Introduction & Why MCP? Key challenge...

architecture

The Rise of the AI Engineer

React Summit US 2023

30 min

The Rise of the AI Engineer

Top Content

Watch video: The Rise of the AI Engineer

Shawn Swyx Wang

Latent.Space Editor & Smol.ai Founder

The rise of AI engineers is driven by the demand for AI and the emergence of ML research and engineering organizations. Start-ups are leveraging AI through APIs, resulting in a time-to-market advantage. The future of AI engineering holds promising results, with a focus on AI UX and the role of AI agents. Equity in AI and the central problems of AI engineering require collective efforts to address. The day-to-day life of an AI engineer involves working on products or infrastructure and dealing with specialties and tools specific to the field.

builders and founders web development artificial intelligence future of development

No Servers, No Cloud, No Masters: Make P2P Apps

JSNation 2026

32 min

No Servers, No Cloud, No Masters: Make P2P Apps

David Mark Clements

Tether

Battle-tested applications with peer-to-peer OTA updates are running in production. Rapidly growing with millions of users added monthly.Using a module and a CLI tool, you too can deploy a peer-to-peer production application with drastically lower complexity than traditional deployment mea...

Agentic Interfaces: Tools, Skills, Generative UI and Web MCP

JSNation 2026

31 min

Agentic Interfaces: Tools, Skills, Generative UI and Web MCP

Wes Bos

Full Stack Developer, Speaker & Teacher, Co-host of Syntax.fm podcast.

Who is ordering Starbucks with ChatGPT? Will an Agent just make the perfect UI for you? Do we even need websites anymore? This app could have been an API!We like using AI, but we also like using websites! Do we add AI to our site, or does our site get added to AI? This talk looks at the cu...

artificial intelligence

How to React Compiler

React Summit 2025

20 min

How to React Compiler

Top Content

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

Interviewing in the Post-LLM World

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

29 min

Interviewing in the Post-LLM World

Dünya Kirkali

Author | Team Leader at Remote.com

As LLMs become everyday tools for developers, the way we interview engineers must evolve.
We will learn strategies to adapt technical interviews, embracing AI as a tool while still assessing judgment, critical thinking, and collaboration.

artificial intelligence

What RSCs Can Do in Next.js Today

React Summit 2026

36 min

What RSCs Can Do in Next.js Today

Aurora Scharff

Vercel

Building app-like UX on the web has historically meant reaching for an SPA. You ship the data layer to the browser, manage a client cache, juggle loading states, coordinate mutations, and write a lot of code to keep the UI feeling fast and fresh. The result can be great, but the cost is hig...

react server components

Featured

GitNation Events Supporter

Catch, trace, and fix bugs across your entire stack Learn more

We Deserve a Better Streams API for the Web

Node Congress 2026

30 min

We Deserve a Better Streams API for the Web

James Snell

Workers team @Cloudflare

James Snell discusses challenges in current stream APIs, proposes a new, faster, and simpler streams API while questioning the existing Web Streams model. Discussion includes the necessity for a new API due to excessive ceremony, confusing locking mechanisms, and complex specifications, especially in controller APIs. Challenges with controller API optimization, hidden buffering, and excessive memory usage are highlighted. The talk delves into the cost and complexity of promises in JavaScript, optimizing readable streams, and managing complexity in stream implementations. Optimizing stream processing in JavaScript, data chunk processing, back pressure policies, multi-consumer patterns, and efficient branch cursor management are explored. The new API aims at simplifying stream processing by eliminating unnecessary operations, reducing promise overhead, and focusing on iterators, transforms, and back pressure for efficiency and simplified design.

performance

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

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

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

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

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

Top Content

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

Pragmatic 101 on Custom JS Tooling for Your Project

JSNation US 2025

122 min

Pragmatic 101 on Custom JS Tooling for Your Project

Featured Workshop

Will Klein

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

tooling

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

The Dark Side of Micro-Frontends

React Advanced 2025

29 min

The Dark Side of Micro-Frontends

Luca Mezzalira

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

In the Talk, various key points were discussed regarding micro-front-end architecture. These included challenges with micro-intents, common mistakes in system design, the differences between micro-intents and components, granularity in software architecture, optimizing micro-front-end architecture, efficient routing and deployment strategies, edge computing strategies, global state and data sharing optimization, managing data context, governance and fitness functions, architectural testing, adaptive growth, value of micro-frontends, repository selection, repo structures, and web component usage.

architecture

Short takes

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

Garbage Collection Between V8, cppgc (Oilpan), and Native Runtimes

Node Congress 2026

9 min

Garbage Collection Between V8, cppgc (Oilpan), and Native Runtimes

Mert Can Altin

Node.js Core Contributor Trendyol - Software Engineer Turkey

Today's presentation delves into garbage collection challenges in JavaScript and native code, highlighting the impact on memory leaks and bugs. V8's implementation of minor and major garbage collection is discussed. The evolution of memory management in runtimes, including Node.js and Deno, is explored, emphasizing the shift towards automatic cleanup and improved performance. The complexity of runtime memory management, especially in handling CPP objects and bridging with workers, is outlined. Key points include the efficiency gains from generational garbage collection and the importance of migrating away from certain memory management practices for enhanced runtime performance.

performance

MCPs: How to Avoid Security Pitfalls

AI Coding Summit 2026

7 min

MCPs: How to Avoid Security Pitfalls

Gil Friedman

Backslash Security

Gil Friedman from Backslash Security discussed MCP security, focusing on the Model Context Protocol and AI assistant security risks like GitHub token exposure in auto run mode. Security measures for MCP usage include setting autorun to ask every time, postmarking MCP incidents, handling malicious servers, safeguarding sensitive information, reviewing and disabling unused tools, requiring permission before triggering actions, removing MCP from environments, and revoking API keys when necessary.

security

Rustifying Vite: Designing a Hybrid Toolchain for the Real World

JSNation 2026

6 min

Rustifying Vite: Designing a Hybrid Toolchain for the Real World

Alexander Lichter

VoidZero

JavaScript tooling is fast until it isn't. As projects scale, even well-designed JS-based tools start to hit ceilings around cold starts, dealing with large dependency graphs, and CPU-heavy transforms. The obvious answer seems to be "rewrite it in Rust" except that reality is messier.This...

vite tooling

A Brief History of Code Review (And What's Next)

JSNation 2026

8 min

A Brief History of Code Review (And What's Next)

Santosh Yadav

CodeRabbit

Code review has come a long way. We’ve evolved from manual inspections and email patches to modern pull requests and automated testing. Yet, one big problem remains: developers are still stuck waiting on human approvals. Join me for a walk through the history of code review to see how our process...

code quality

Deploy Your AI Code in Minutes

AI Coding Summit 2026

7 min

Deploy Your AI Code in Minutes

Shifra Williams

Render

Shifra guides the migration of a Repl.it app to Render with emphasis on simplicity and mock data. Ensure Render deployment requirements are met, including specifying root directory, build and start commands, and correct port. Configure GitHub repository setup, connect to Git, and create a repository. Confirm code in the repository and deploy on Render, showcasing a sample landing page.

artificial intelligence

Navigating Islands of Interactivity

React Advanced 2025

9 min

Navigating Islands of Interactivity

Reuben Tier

Pragma

Islands in web development are interactive components that are rendered on the server and hydrated separately. They offer fine-grain control over JavaScript, speed up page loading, and reduce JavaScript shipping. Applications of islands span across eCommerce, media sites, docs, and blogs, providing interactivity without excessive JavaScript. Nanostores enable state sharing among islands. Key takeaways include utilizing Nanostores for state management, exploring ASTRO and islands for development, and using client directives for JavaScript control.

astro

A JS Dev's Guide to Not Dismissing Blockchain

JSNation US 2025

8 min

A JS Dev's Guide to Not Dismissing Blockchain

Brian Whippo

Algorand Foundation

Brian Wipo, Developer Relations lead at the Algorand Foundation, discusses the relevance of blockchain in 2025 and its impact on developers. Algorand's high-performance blockchain addresses key issues faced by other platforms, enabling new markets and real-world applications like tokenized assets and supply chain traceability. In 2025, blockchain excels in disintermediating markets, tracking data integrity, and creating new markets such as fractional ownership of assets. Real businesses on Algorand include tokenized solar panels, real estate ownership, supply chain traceability, and more. Using a para wallet with a mastercard debit card, you can buy items at the store with stable coins. Algorand TypeScript 1.0 simplifies writing smart contracts on the chain in TypeScript. TypeScript developers can now integrate blockchain using a compiler that transforms code into Teal assembly language for blockchain execution.

blockchain

CLI, GUI, or Just Blind Trust? A Tour of Code Review Styles

React Summit 2026

6 min

CLI, GUI, or Just Blind Trust? A Tour of Code Review Styles

Santosh Yadav

CodeRabbit

We all review code differently. Some developers carefully read side-by-side diffs in the browser. Others refuse to leave the terminal and review purely via CLI. And let's be honest—sometimes we just click "LGTM" without looking at the code at all. In this talk, I will demo these different code re...

code quality

From TV to Touch: How We Made React UI Work Across Every Input Mode

React Summit US 2025

5 min

From TV to Touch: How We Made React UI Work Across Every Input Mode

Seungho Park

LG Electronics

Seungho Park discusses the importance of spatial navigation for TV apps and the challenges of supporting remote, pointer, and touch inputs. Real examples are explored, including focus placement, restoring focus, and grouping elements for stable navigation. Challenges in TV app navigation such as key scrolling in grid lists and managing input mode transitions are highlighted. The talk also delves into handling input modes, designing for 5-way, pointer, and touch input, and addressing edge cases. Implementing the W3C spatial navigation standard, defining focus properties for container elements, and encouraging exploration of React UI spatial navigation support are key points.

best practices

Latest

Taste in Software Development

JSNation 2026

10 min

Taste in Software Development

Steven Hao

Cognition

A Guide to React Compiler Rendering

React Summit 2026

32 min

A Guide to React Compiler Rendering

Mark Erikson

Replay.io

React is a library for "rendering" UI from components, but many users find themselves confused about how React rendering actually works. The new React Compiler promises to "automatically optimize your React app"... but what is it actually _doing_ to your component? How does that complex compile...

react components

Stop Guessing Your API: Contract-First React with OpenAPI

React Summit 2026

29 min

Stop Guessing Your API: Contract-First React with OpenAPI

Violina Popova

ClipMyHorse.TV

By 2025, our React and React Native apps were struggling with inconsistent APIs, causing bugs, duplicated work, and slow onboarding. We adopted a schema-driven workflow with OpenAPI, generating type-safe TypeScript clients and enabling AI-assisted development of hooks, components, and tests. This...

architecture

AI Can Generate Tests for You, Now What?

JSNation 2026

22 min

AI Can Generate Tests for You, Now What?

Maya Shavin

Published author, international speaker and an open-source library maintainer of frontend and web projects

Tools like Playwright MCP (or AI) or Claude Code can generate tests for your code.Cursor can give you testing suggestions about your codebase that sounds logical within seconds also.Testing has never felt this easy before.Until the need for a full scale, seamless are effectiv...

testing

Open Source Voice AI: How We Built ChatGPT's Voice Mode Infrastructure

Web Engineering Summit 2026

20 min

Open Source Voice AI: How We Built ChatGPT's Voice Mode Infrastructure

Jesse Hall

codeSTACKr

Ever wondered what it takes to power millions of voice conversations at ChatGPT's scale?When OpenAI needed infrastructure for ChatGPT's Advanced Voice Mode, they turned to LiveKit's open source infrastructure. Not a proprietary black box. Not a closed platform. Open source software that an...

artificial intelligence

Building a JavaScript Engine in Rust: Lessons From Boa

Web Engineering Summit 2026

24 min

Building a JavaScript Engine in Rust: Lessons From Boa

Jason Williams

Bloomberg LP

JavaScript engines power the web, but what does it actually take to build one, and even contribute to the ones used by billions?In this talk, I'll share the journey of creating Boa, a JavaScript engine written in Rust, and what it taught me about how JavaScript really works under the hood....

js runtimes

We Need More Than Prompts

React Summit 2026

28 min

We Need More Than Prompts

Alex Garrett-Smith

BitterBrains

Coding with an agent tends to settle into the same loop: prompt, check, re-prompt and repeat, burning time and tokens each pass. There's a better way, and it starts before any code gets written.

This talk puts two approaches head to head: the prompt-and-iterate loop most of us ha...

future of development

Your Platforms Matter More Than Ever With AI

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

29 min

Your Platforms Matter More Than Ever With AI

Jessica Andersson

Jesande

Manual coding as the primary activity in software development is ending.

Developers will not spend most of their time writing code. They will review, steer and constrain what AI systems produce. The bottleneck shifts from typing syntax to defining context, boundaries and intent.
<...

future of development

The Latest From Deno

Web Engineering Summit 2026

29 min

The Latest From Deno

Leo Kettmeir

Deno

Deno has quietly evolved into far more than a simple server-side runtime. With built-in TypeScript, OpenTelemetry integration, ngrok-like network tunnelling, and deep Node.js compatibility, it's already a powerhouse; but we've been working on something bigger. In this talk, I'll introduce Deno De...

tooling

Agentic Interfaces: Tools, Skills, Generative UI and Web MCP

JSNation 2026

31 min

Agentic Interfaces: Tools, Skills, Generative UI and Web MCP

Wes Bos

Full Stack Developer, Speaker & Teacher, Co-host of Syntax.fm podcast.

artificial intelligence

React Advanced 2023

33 min

React Compiler - Understanding Idiomatic React (React Forget)

Top Content

Watch video: React Compiler - Understanding Idiomatic React (React Forget)

2 authors

The Talk discusses React Forget, a compiler built at Meta that aims to optimize client-side React development. It explores the use of memoization to improve performance and the vision of Forget to automatically determine dependencies at build time. Forget is named with an F-word pun and has the potential to optimize server builds and enable dead code elimination. The team plans to make Forget open-source and is focused on ensuring its quality before release.

builders and founders react build tools react forget react 19

Handling Breaking Changes in GraphQL

GraphQL Galaxy 2022

22 min

Handling Breaking Changes in GraphQL

Top Content

Kadi Kraman

Expo

This Talk discusses handling breaking changes in a GraphQL schema, including the use of the deprecated directive to tag fields that should no longer be used. It also covers the process of deploying GraphQL APIs and mobile apps, highlighting the challenges of mobile app release adoption. The Talk emphasizes the importance of making safe upgrades in mobile apps and provides strategies for detecting and handling breaking changes, such as using TypeScript and GraphQL Inspector. Overall, the Talk emphasizes the need to minimize user impact when introducing breaking changes in GraphQL schemas.

api development graphql

Deno 2.0

Node Congress 2023

36 min

Deno 2.0

Top Content

Ryan Dahl

Node.js creator

The Talk discusses forced optimization with Node and Deno, with Deno aiming to pursue the same goals in a more expansive and modern way. Deno has built-in support for NPM and enforces security constraints. It also has a key-value database called Deno KV, which will be a core part of the Deno 2 API. Deno Deploy is a serverless Edge Functions platform powered by FoundationDB, optimized for fast reading and ideal for building eCommerce sites or application servers at the edge. Deno 2.0 is coming soon with more features under development.

builders and founders deno react preact deno edge functions

Bringing React Server Components to React Native

React Day Berlin 2023

29 min

Bringing React Server Components to React Native

Top Content

Watch video: Bringing React Server Components to React Native

Szymon Rybczak

Callstack

React Server Components (RSC) offer a more accessible approach within the React model, addressing challenges like big initial bundle size and unnecessary data over the network. RSC can benefit React Native development by adding a new server layer and enabling faster requests. They also allow for faster publishing of changes in mobile apps and can be integrated into federated super apps. However, implementing RSC in mobile apps requires careful consideration of offline-first apps, caching, and Apple's review process.

react native react server components backend for react native react native server components repack react native

Next.js 13: Data Fetching Strategies

React Day Berlin 2022

53 min

Next.js 13: Data Fetching Strategies

Top Content

Workshop

Alice De Mauro

- Introduction- Prerequisites for the workshop- Fetching strategies: fundamentals- Fetching strategies – hands-on: fetch API, cache (static VS dynamic), revalidate, suspense (parallel data fetching)- Test your build and serve it on Vercel- Future: Server compone...

performance next.js react server components best practices

Why You Should Use Redux in 2024

React Summit 2024

33 min

Why You Should Use Redux in 2024

Top Content

Mark Erikson

Replay.io

Mark Erickson explains the history, creation, evolution, and benefits of Redux. Redux was designed to make state updates and action history maintenance easy, incorporating functional programming principles. Redux Toolkit was created to simplify Redux usage. Redux is still a valid choice for its consistent pattern and separation of state from UI. The decision to use Redux depends on the specific use case and the need for centralized state management.

builders and founders redux react patterns react redux react state management rtk query vs react query

Unreal Engine in WebAssembly/WebGPU

JS GameDev Summit 2022

33 min

Unreal Engine in WebAssembly/WebGPU

Top Content

Alex St. Louis

Co-founder and Chief Operating Officer @ Wonder Interactive

Alex Saint-Louis, co-founder of Wunder Interactive, shares the mission of bringing Unreal Engine to the browser, enabling cross-platform 3D applications and games. They are working on a WebGPU back end for Unreal Engine to push the limits of 3D on the web. Wunder Interactive has improved compression, built their own asset file system, and offers powerful tools for game developers. They are utilizing modern web technologies like WebAssembly, WebGL, and WebGPU, and plan to support other engines like Unity and Godot. The team aims to transform the industry by bringing console-quality games to the browser and providing an alternative distribution path. They are excited to bring Unreal Engine 5 to the web with WebGPU support and are working on WebXR support for cross-platform 3D experiences, including VR.

game development game engine webgpu webgl webassembly

Exploring React Server Component Fundamentals

React Day Berlin 2023

21 min

Exploring React Server Component Fundamentals

Top Content

Watch video: Exploring React Server Component Fundamentals

Daishi Kato

Zustand, Jotai & Waku author

This Talk introduces React Server Components (RSC) and explores their serialization process. It compares RSC to traditional server-side rendering (SSR) and explains how RSC handles promises and integrates client components. The Talk also discusses the RSC manifest and deserialization process. The speaker then introduces the Waku framework, which supports bundling, server, routing, and SSR. The future plans for Waku include integration with client state management libraries.

react server components

Simplifying Server Components

React Advanced 2023

27 min

Simplifying Server Components

Top Content

Watch video: Simplifying Server Components

Mark Dalgleish

Shopify

React server components simplify server-side rendering and provide a mental model of components as pure functions. Using React as a library for server components allows for building a basic RSC server and connecting it to an SSR server. RSC responses are serialized virtual DOM that offload code from the client and handle interactivity. The client manifest maps serialized placeholders to real components on the client, enabling dynamic rendering. Server components combine the best of classic web development and progressive enhancement, offering the advantage of moving logic from the client to the server.

react server components

React Query: It’s Time to Break up with your "Global State”!

React Summit Remote Edition 2020

30 min

React Query: It’s Time to Break up with your "Global State”!

Top Content

Tanner Linsley

Nozzle.io

Global state management and the challenges of placing server state in global state are discussed. React Query is introduced as a solution for handling asynchronous server state. The Talk demonstrates the process of extracting logic into custom hooks and fixing issues with state and fetching logic. Optimistic updates with mutation are showcased, along with the benefits of using React Query for data fetching and mutations. The future of global state management is discussed, along with user feedback on React Query. The Talk concludes with an invitation to explore React Query for server state management.

state management react query react global state react state management

React

Giving AI Agents Hands: Mobile Feedback Loops with Agent Device

React Summit 2026

26 min

Giving AI Agents Hands: Mobile Feedback Loops with Agent Device

Mike Grabowski

Codex Ambassador, React Native contributor, CTO

AI coding agents can generate React Native code quickly, but they still need a reliable way to see, touch, debug, and verify the app they are changing. This talk introduces Agent Device, Callstack’s agent-native automation layer for mobile apps, and shows how it gives coding agents a practi...

react artificial intelligence

Scaling React: What Actually Matters

React Summit 2026

30 min

Scaling React: What Actually Matters

Tathagat Thapliyal

Mentorship available

Simbian

React often gets blamed when applications feel sluggish."We need to migrate."
"We need a new framework."
"React can’t handle scale."

But what if React isn’t the problem?

In this talk, we’ll challenge one of the most common assumptions in frontend engineering...

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

Modernizing Your React App: Compiler, useEffectEvent, Activity & Friends

React Summit 2026

27 min

Modernizing Your React App: Compiler, useEffectEvent, Activity & Friends

Vitor Alencar

@vitormalencar

React has changed a lot in the last year: React 19, 19.1 and now 19.2 brought a stable React Compiler, new hooks like useEffectEvent, the <Activity /> API, and better SSR primitives such as Partial Pre rendering. And more
In this talk we’ll take a demo React app that’s full of effects,...

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

Mess to Modern: Refactoring a React Nightmare

React Summit 2026

18 min

Mess to Modern: Refactoring a React Nightmare

Kaleb Garner

HaloMD

Have you ever been handed a React project that felt like navigating barbed wire? 900-line components, endless useEffects, and zero modularity. Join me as we take a real-world React nightmares and refactor it live! We’ll move from an over-engineered mess to a performant, scalable app by mastering...

react

Conquering React Concurrency

React Summit 2026

25 min

Conquering React Concurrency

Ariel Shulman

Factify

When React 18 was released with the first concurrent features, the documentation clearly stated, “The most important addition in React 18 is something we hope you never have to think about: concurrency.”
It’s been a few years, and by now it’s clear that this statement was optimistic. You def...

react

Taming the Flicker: Firebase Patterns for React Server Components

React Summit 2026

7 min

Taming the Flicker: Firebase Patterns for React Server Components

Rosario Fernandes

Google

Integrating Firebase into a modern React stack often feels like a tug-of-war between server and client state. Juggling the appropriate SDK, managing rehydration flickers, and handling session management can make our "simple" SDK complex. Dive into battle-tested patterns and the latest SDK feature...

react

Gotta Go Fast: React at 60 FPS

React Summit 2026

16 min

Gotta Go Fast: React at 60 FPS

Rachel Kaufman

Attentive

How can you create performant animations, backed by fast-updating data, on the web, using React?

Come learn how to make silky-smooth data-powered animations without having to give up the convenience of React. (Mostly…)

React is great for manipulating the DOM, but all that sh...

react

Replacing Form Libraries With Native Web APIs

React Summit 2026

17 min

Replacing Form Libraries With Native Web APIs

Trust Jamin

Uploadcare

In 2026, shipping a heavy library like Formik or React Hook Form is often an unnecessary performance tax. This "delete code" session showcases how to use the Constraint Validation API, the Popover API, and native HTML Form Validation to build complex, accessible, and high-performance forms with z...

react

Free workshops

No Servers, No Cloud, No Masters: Make P2P Apps with Pear

React Summit 2026

66 min

No Servers, No Cloud, No Masters: Make P2P Apps with Pear

WorkshopFree

2 authors

All it takes is a module and a CLI tool to build and deploy production peer-to-peer applications.In this workshop:Convert an existing React application so that it no longer needs a server to deployPrepare the application and setup deployment flow for production release...

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

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