GitNation: Talks & workshops by core teams and top engineers

Upcoming events

Subscribe to the top Dev conferences

JSNation US 2026

Nov 16 - 19, 2026

AI Coding Summit NYC

Nov 16 - 19, 2026

React Summit US 2026

Nov 17 - 20, 2026

React Day Berlin 2026

Dec 4 - 7, 2026

AI Coding Summit Berlin

Dec 4 - 7, 2026

React Summit Asia 2027

Apr 14 - 19, 2027

AI Coding Summit Asia 2027

Apr 15 - 20, 2027

TechLead Conf Amsterdam 2027: Adopting AI in Orgs

May 20, 2027

AI Coding Summit Amsterdam 2027

May 20 - 24, 2027

React Summit 2027

May 21 - 25, 2027

JSNation 2027

May 21 - 25, 2027

Web Development insights directly from framework authors and early adopters.

Talks from our events

React Advanced 2026

Oct 23 - 26, 2026

TechLead Conf London 2026: Adopting AI in Orgs Edition

Oct 23, 2026

AI Coding Summit London

Jul 6 - 7, 2026

JSNation 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

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

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

10 Storyblok CMS Agencies and Development Companies for Your Next Build (October 2026)

Storyblok CMS agency quality varies less on platform familiarity and more on content-modeling discipline, website migration methodology, and post-launch governance. We've chosen 10 Storyblok services, proven by real expertise. A top Storyblok agency is evaluated by its ability to architect the ri...

14 Sanity CMS Agencies and Development Companies: Verified List (2026)

If you are looking for a Sanity CMS agency or a Sanity developers to run your website development or content operations software migration, this guide gives you a verified shortlist and the exact questions to ask before signing anything.

Most "Top Sanity...

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

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

Top ideas

What is the ReactFlight protocol?

ReactFlight is a protocol in React 19 used to serialize content so it can be sent from a server to a client, enhancing the sharing of rendering jobs between them.

Why did Dominik remove multiple signatures from useQuery in React Query?

Dominik removed multiple signatures from useQuery to simplify the API and improve TypeScript support, reducing the complexity and potential for confusing error messages.

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.

What is Redux Toolkit and how does it improve Redux usage?

Redux Toolkit is an official, opinionated, batteries-included toolset for efficient Redux development. It simplifies the process of setting up a Redux store, writing reducers, and includes RTK Query for data fetching, effectively solving many common issues and reducing boilerplate code.

What are the advantages of buying an authentication solution?

Buying an authentication solution provides a ready-made, secure, and scalable system maintained by experts. It offers enterprise-level security features and reduces the burden on your team, as security patches and feature enhancements are handled by a dedicated team.

How does Redux compare to using React's useReducer and useContext?

While useReducer and useContext can mimic some Redux patterns, they differ in that Redux keeps state outside the React component tree, leading to fewer re-renders and better performance in some scenarios. Redux also offers powerful developer tools not available with useReducer and useContext.

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.

Does React Compiler work with external libraries?

React Compiler does not transpile external libraries, so its effectiveness may vary depending on the library's compatibility with memoization.

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 topic discussed by Wes Boss in his talk?

Wes Boss discusses exciting new features and improvements in web development, focusing on HTML, CSS, and JavaScript advancements that developers can look forward to using by 2025.

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 Advanced 2026

27 min

Controlling Async Chaos in React with Effect-TS

Violina Popova

ClipMyHorse.TV

As React applications scale, asynchronous logic often turns into a source of fragility and frustration. Scattered useEffect hooks, ad-hoc retries, manual loading states, and inconsistent error handling create race conditions, memory leaks, and business logic that’s nearly impossible to test relia...

architecture

The Meta-Harness: Scaling Agentic Development Beyond the CLI

React Advanced 2026

21 min

The Meta-Harness: Scaling Agentic Development Beyond the CLI

Max Kless

Nx/Polygraph

Agentic development feels like magic to some teams and overhyped to others. Harnesses like Claude Code or Codex have been built around the local loop, the way things have always been done: a single developer changing code before opening a PR. Inside real organizations, agents hit walls: re...

artificial intelligence

TypeScript on the GPU – Bridging the Gap Between Realms

JSNation US 2025

31 min

TypeScript on the GPU – Bridging the Gap Between Realms

Iwo Plaza

Software Mansion

Ivo Plaza introduces TypeGPU, a TypeScript toolkit for WebGPU, with a live Jelly Slider demo. The demo showcases interactive features and a customizable API for dynamic color changes. TypeGPU offers extensibility for library creators, allowing intricate customization and per-pixel operations. It demonstrates GPU material animation control, WebGPU support, efficient debugging with GPU console log, and memory allocation. WebGPU enables program execution, resembling REST API interactions between front-end and back-end. TypeGPU integrates JavaScript shaders with WebGPU shading language, utilizing TGPU Resolve API for shader conversion and shader code generation. It covers compile-time operations, function calls, runtime conditions in shaders, and code optimization. TypeGPU's TINYEST format, JS to AST conversion, WebGPU usage, and integration with 3JS and React 3 Fiber are discussed, highlighting the differences between WebGL and WebGPU. The Talk emphasizes the integration of TypeGPU with 3JS and React 3 Fiber, utilizing GPU directives, marketing effects, AI for shader conversion, and future possibilities.

webgpu web standards

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.

graphql api development

The Core of Turbopack Explained (Live Coding)

JSNation 2023

29 min

The Core of Turbopack Explained (Live Coding)

Top Content

Tobias Koppers

Webpack and Turbopack Creator

Tobias Koppers introduces TurboPack and TurboEngine, addressing the limitations of Webpack. He demonstrates live coding to showcase the optimization of cache validation and build efficiency. The talk covers adding logging and memorization, optimizing execution and tracking dependencies, implementing invalidation and watcher, and storing and deleting invalidators. It also discusses incremental compilation, integration with other monorepo tools, error display, and the possibility of a plugin system for Toolpag. Lastly, the comparison with Bunn's Builder is mentioned.

build tools builders and founders turbopack bundler

Levelling up Monorepos with npm Workspaces

DevOps.js Conf 2022

33 min

Levelling up Monorepos with npm Workspaces

Top Content

Ruy Adorno

Node.js TSC member & Founder Engineer @vlt.sh

NPM workspaces help manage multiple nested packages within a single top-level package, improving since the release of NPM CLI 7.0. You can easily add dependencies to workspaces and handle duplications. Running scripts and orchestration in a monorepo is made easier with NPM workspaces. The npm pkg command is useful for setting and retrieving keys and values from package.json files. NPM workspaces offer benefits compared to Lerna and future plans include better workspace linking and adding missing features.

monorepos npm devops

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

Svelte 5: North Star

JSNation US 2024

29 min

Svelte 5: North Star

Top Content

Rich Harris

Svelte Creator

As a child, the speaker was fascinated with space and finding direction. Svelte is an HTML-first approach to web development that simplifies tasks and offers efficient reactivity. The speaker reflects on Svelte's growth, goals, and design philosophy. Svelte aims to fix broken software and prioritize user focus. The future direction includes error boundaries, better debugging, and AI's role. Building open source software is challenging, and Rust's impact is discussed. The speaker values framework diversity and highlights the advancements and challenges faced by web development.

svelte

Lessons From 7 Years of .IO Games: What Works, What Doesn’t Work, Where to Go From Here

JS GameDev Summit 2023

14 min

Lessons From 7 Years of .IO Games: What Works, What Doesn’t Work, Where to Go From Here

Top Content

Nathan Flurry

Rivet

I-O games are multiplayer web games that are easy to pick up but can be played for hours. Developers have added deeper game mechanics and adapted I-O games for mobile, generating high revenue. Acquiring users for I-O games is done by sharing the games to play together at school. Monetization of I-O games is primarily through ads, as it is difficult to generate in-app purchases from the web. Web standards and user-generated content are opening up new possibilities for better web games.

developer experience game development

Agentic Engineering for React Teams: Give Your Coding Agent a Map

React Advanced 2026

26 min

Agentic Engineering for React Teams: Give Your Coding Agent a Map

Bart Waardenburg

Fallow Maintainer & Freelance Tech Lead, Netherlands

AI can generate a React component in seconds. The hard part is changing a real React or Next.js codebase safely: knowing what is dead, where logic is duplicated, which boundaries a refactor crosses, and how a change affects the component graph or design system.Coding agents infer this from...

tooling

Featured

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

What RSCs Can Do in Next.js Today

React Advanced 2026

25 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 high, and...

next.js react server components

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.

architecture 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

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

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

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

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

Rethinking Bundling: Why You Don’t Need Less JavaScript

JSNation US 2025

30 min

Rethinking Bundling: Why You Don’t Need Less JavaScript

Daniel Roe

Leads the Nuxt core team

The speaker, Daniel, shares insights on his role as an open source maintainer, projects Nuxt and Nitro, and living in Edinburgh. Nuxt, a full-stack framework, evolved with community support, emphasizing community-driven development. Optimization strategies for JavaScript, CSS, and font loading in Nuxt were discussed. Integration of Nuxt Scripts for web performance, challenges in meta framework development, and considerations for Nuxt V3 rewrite were highlighted. Future plans include smoother migrations and open-source access to emoji slides integration.

bundler

Short takes

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

Trust Engineering: Replacing Hope with Reliability

TechLead Conf London 2026: Adopting AI in Orgs Edition

7 min

Trust Engineering: Replacing Hope with Reliability

Kseniia Korostelova

Mentorship available

Aristocrat Interactive

How do you deliver with AI and still sleep at night? By engineering trust into your delivery system.
In this talk, I'll share an end-to-end AI engineering workflow we built and ran on a production codebase, redefining roles, responsibilities, quality ga...

artificial intelligence

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

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

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

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

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

The Talk explores the transition from solo development to code review history, tracing it back to the Fagin Inspection process in the 1990s. It discusses the evolution of code collaboration from in-person meetings to remote, email-based discussions. The shift to modern code review via pull requests on GitHub improved collaboration efficiency. The integration of AI in code review enhanced processes and enabled instant feedback. Encouraging open source projects to adopt code review tools and prioritize the importance of thorough reviews is highlighted.

code quality

Shipping AI Under Constraints: Build, Buy, or Kill

TechLead Conf London 2025: Adopting AI in Orgs Edition

8 min

Shipping AI Under Constraints: Build, Buy, or Kill

Dave Glencross

Capital on Tap

Dave, Engineering Manager at Capital Untap, shares a story of AI failure and lessons learned from moving too fast in AI development within the company. The AI team focused on developing a chatbot for customer service, which became a flagship initiative under engineering governance. Issues with accuracy and complexity led to pausing the chatbot project and exploring third-party vendors. Capital OnTap reset AI processes by integrating AI engineers into product teams, emphasizing standard engineering over specialized AI teams.

deep dive

Control, Evidence, Trust: Leading Teams When AI Writes the Code

TechLead Conf London 2026: Adopting AI in Orgs Edition

7 min

Control, Evidence, Trust: Leading Teams When AI Writes the Code

Albert Franquesa

Quality Clouds

AI assistants now write a growing share of the code your team ships, but most review processes and quality gates were designed for human authors. Reviewing more code faster isn't a strategy. In this lightning talk, Albert Franquesa introduces Control, Evidence, Trust, a simple model for leading t...

artificial intelligence

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

Options for pre-bundling, transformation, and minification. Rollup, bundling, and limited chunk control. SWC for React, but complexity with multiple bundlers causing issues for maintainers and developers. Limitations in bundlers, features V8 needs. Improving build times with Rust. Introducing Roldown with rollup's API, compatibility, speed, and advanced chunking. Features like module types, lazy barrel optimization, HMR, and built-in minifier for a performant bundle. Ensuring Rust-based bundler compatibility with JavaScript ecosystem. Introduction of Swangular for efficient plugin handling. Native Rust plugins support with module resolution, aliases, TypeScript JSX transform, dynamic imports. Integration with underlying minifier, transformer, linter, and formatter for tool chain V+.

vite tooling

Latest

Optimistic UI Is Lying to Your Users: Here's How to Do It Honestly

React Advanced 2026

13 min

Optimistic UI Is Lying to Your Users: Here's How to Do It Honestly

Patrick-Mary Nwakeze

Unidosh LTD

Optimistic UI makes apps feel instant by showing results before the server confirms them. In most apps that's a fine trade-off. In financial applications, showing a user an incorrect balance even for 200ms is a trust problem that compounds. This talk explores the tension between perceived perform...

architecture

Healing the Accessibility Tree: What Actually Breaks When AI Touches Your ARIA

React Advanced 2026

26 min

Healing the Accessibility Tree: What Actually Breaks When AI Touches Your ARIA

Sulagna Ghosh

CreoWis

Let an AI model patch your accessibility tree live, and the first thing it will teach you is how it fails. Not occasionally, reliably, in specific, learnable ways: confident but wrong ARIA states, patches that compile but break keyboard flow, fixes that pass an automated audit while making the ac...

accessibility

Why Software Fundamentals Still Matter

TechLead Conf London 2026: Adopting AI in Orgs Edition

31 min

Why Software Fundamentals Still Matter

Matt Pocock

Total TypeScript & AI Hero Author

After Chat: Generative UI as the Control Surface for Agents

React Advanced 2026

13 min

After Chat: Generative UI as the Control Surface for Agents

Andrey Goryainov

Stealth Startup

Generative UI is currently one of the most explosive frontiers in frontend engineering. Modern UI frameworks like React are moving from static components to streaming, AI-generated micro-frontends.Andrey's talk explicitly references Google's A2UI protocol, which standardizes how agents emi...

artificial intelligence

Maintaining Open-Source at the Age of AI

React Advanced 2026

20 min

Maintaining Open-Source at the Age of AI

François Best

47ng

“Open-source is dead”, according to X/Twitter. After all, why would we need to install tons of dependencies (with vulnerabilities and supply chain attacks ramping up), when our AI agents can re-implement everything for us?To be fair, rumours of its death have been strongly exaggerated: the...

open-source

Usage Lies - What Actually Proves an Internal AI Tool Works

TechLead Conf London 2026: Adopting AI in Orgs Edition

25 min

Usage Lies - What Actually Proves an Internal AI Tool Works

Yusuf Tayman

Insider One

Our telemetry dashboard was green — a bug-fixer skill firing hundreds of times a week, a test-coverage agent running on every diff, manual-tester agents driving browser test cases across products, security reviews kicking off across teams, daily active users climbing. And I still couldn't a...

developer challenges

HTML in Canvas: Bridging UI and GPU on the Web

JSNation 2026

17 min

HTML in Canvas: Bridging UI and GPU on the Web

2 authors

Santiago Colombato explains the challenge of synchronizing DOM and WebGL for visually heavy websites, focusing on scroll sync and WebGL basics. WebGL scroll sync involves adjusting canvas position to prevent drift. Optimizing WebGL text rendering includes overcoming drift and clipping challenges. WebGL font rendering complexities include manual handling of text features. Enhancements involve drawing real HTML elements inside the canvas for visual effects. WebXR demos showcase HTML integration in 3D space, emphasizing aesthetics and accessibility.

webgl

The Dependency Paradox: Shipping 'Headless' Auth Logic via Shadcn & NPM

React Advanced 2026

18 min

The Dependency Paradox: Shipping 'Headless' Auth Logic via Shadcn & NPM

Naveen Chand

Okta

As React shifts from "Black Box" NPM packages to "Copy-Paste" components, we face a new crisis: How do we distribute complex state and security logic without locking down the UI?This talk breaks down the architecture of a multi-distribution system. We’ll explore using TanStack Query as a h...

architecture

Training Engineers for AI Without Turning Them into Prompt Monkeys

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

28 min

Training Engineers for AI Without Turning Them into Prompt Monkeys

Kristiyan Velkov

Mentorship available

Zerops.io

Training engineers for proper AI usage without prompt AI dependency. Challenges in ensuring code quality with AI development. Importance of DRY principle in optimizing AI usage. Advocating for effective AI practices implementation with project-specific rules. Establishing AI rules and standards for seamless collaboration. Maximizing AI efficiency with agents mimicking human roles. Encouraging self-education, setting standards, and focusing on quality for AI proficiency. Emphasizing context, validation processes, and specialized agents for maximizing AI efficiency.

career best practices

Panel Discussion: Manager or Maker? The Leadership Identity Crisis

TechLead Conf London 2026: Adopting AI in Orgs Edition

32 min

Panel Discussion: Manager or Maker? The Leadership Identity Crisis

6 authors

future of development

React Advanced 2022

81 min

Introducing FlashList: Let's build a performant React Native list all together

Top Content

Featured Workshop

3 authors

In this workshop you’ll learn why we created FlashList at Shopify and how you can use it in your code today. We will show you how to take a list that is not performant in FlatList and make it performant using FlashList with minimum effort. We will use tools like Flipper, our own benchmarkin...

react react native react native flashlist

Faster TypeScript builds with --isolatedDeclarations

TypeScript Congress 2023

24 min

Faster TypeScript builds with --isolatedDeclarations

Top Content

Titian-Cornel Cernicova-Dragomir

Software Developer at Bloomberg

This talk discusses the performance issues in TypeScript builds and introduces a new feature called isolated declarations. By running the compiler in parallel and using isolated modules, significant performance gains can be achieved. Isolated declarations improve build speed, compatibility with other tools, and require developers to write types in code. This feature has the potential to further increase performance and may be available in TypeScript soon.

typescript

Future Features of JS?!

JSNation 2022

28 min

Future Features of JS?!

Top Content

Hemanth HM

TC39 delegate and ECMA rep

Welcome to the future features of JavaScript, including proposals for array operations, throw expressions, records and TPUs, pipeline operators, and more. The talk covers the introduction of type assertions for imported files, non-mutating array operations, and the simplification of error handling. It also explores the concept of immutability with records and TPUs, and the use of the pipeline operator to simplify code. Other proposals include Map.implace, IteratorHelper, slice notation, type annotations, Array UNIQBY, number ranges, and the Function 1 proposal.

javascript tc39

How to properly handle URL slug changes in Next.js

TypeScript Congress 2022

10 min

How to properly handle URL slug changes in Next.js

Top Content

Ondrej Polesny

Developer Evangelist @ Kontent.ai

This Talk explains how to handle URL slug changes in Next.js by using the getStaticPaths and getStaticProps methods. It covers implementing redirects and provides a solution to eliminate the need for editors to perform additional steps. The approach involves tracking URL slug changes and issuing proper redirects. The speaker encourages the audience to reach out with any questions or experiences with handling URL slugs.

typescript next.js headless cms slugify react

One Year Into Vue 3

Vue.js London Live 2021

20 min

One Year Into Vue 3

Top Content

Evan You

Vue.js & Vite Creator

Vue 3 has seen significant adoption and improvements in performance, bundle size, architecture, and TypeScript integration. The ecosystem around Vue 3 is catching up, with new tools and frameworks being developed. The Vue.js.org documentation is undergoing a complete overhaul. PNIA is emerging as the go-to state management solution for Vue 3. The options API and composition API are both viable options in Vue 3, with the choice depending on factors such as complexity and familiarity with TypeScript. Vue 3 continues to support CDN installation and is recommended for new projects.

vue vue 3

Testing Mail Service With Playwright

TestJS Summit 2022

17 min

Testing Mail Service With Playwright

Top Content

Kat Kmiotek

Zoopla

This Talk discusses how to test mail service with Playwright, covering e-mail verification, reset password user journey, and more. It explores the use of third-party providers for reliable e-mail delivery and demonstrates how Playwright can help perform checks on e-mail content. The Talk also introduces the concept of a fake SMTP server and showcases how fixtures can be used to access the SMTP server and perform assertions on the HTML body of emails. Playwright's HTML rendering feature allows for interaction with email content as if it were a regular web page. It highlights the ability to render HTML from API calls, perform assertions on the rendered page, and exclude dynamically generated data from visual regression tests.

e2e testing javascript playwright react playwright react native

Record & Tuple: Immutable Data Structures in JS

JSNation 2022

24 min

Record & Tuple: Immutable Data Structures in JS

Top Content

Robin Ricard

Software Infrastructure engineer @ Bloomberg

Today's Talk introduces the concept of record and tuple in JavaScript, which provide a new way to handle data. The Talk explores the references and mutability of objects, strings, and numbers in JavaScript. It discusses the limitations of freezing objects and proposes record and tuple as a solution. The Talk also covers methods and syntax for tuples, the status of the proposal, and acknowledges the contributions of various individuals. Overall, the Talk aims to redefine how data is handled in JavaScript and encourages waiting for broader browser support before implementing these features.

javascript

Evolving the Node HTTP Client with undici

Node Congress 2022

35 min

Evolving the Node HTTP Client with undici

Top Content

Robert Nagy

Technical Steering Committee Member @nodejs

The Talk discusses the current state of the Node HTTP client and the problems it faces, including the lack of support for HTTP pipelining and the intrinsic link between request and response objects. The speaker introduces the library Indichy, which aims to provide a more user-friendly API for HTTP in Node. The Talk highlights the performance advantages of using WebAssembly in the Umidigi HTTP client and the plans to include it in Node Core. The speaker also mentions the support for signals and the ability to post requests in Umidigi. Additionally, the Talk covers the customization options in Undici, the different types of dispatchers available, and the potential inclusion of Indichy in Node Core. Future plans include support for HTTP 2 and 3, DNS lookup enhancements, and improvements to fetch and pool scheduling. The Talk concludes by discussing the differences in TCP implementations across operating systems and the considerations for adding Web APIs and standards to Node Core.

node.js

Building a modular monolith with Fastify

Node Congress 2023

30 min

Building a modular monolith with Fastify

Top Content

Matteo Collina

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

Fastify is a powerful tool for building web applications and APIs in Node.js, with millions of downloads per month. It promotes encapsulation and structuring through plugins and decorators, allowing for code and data segmentation. The talk emphasizes the importance of modularizing applications by domains and features, and showcases a demo of a typical Fastify application. The speaker also discusses the benefits of using Platformattic for refactoring and launching Fastify applications in the cloud. The Q&A section covers topics such as dependency injection and debugging, while also highlighting the importance of separating business logic from API contracts.

node.js fastify

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

Top Content

Meta

Talk on cross-platform React using ReactStrict DOM to unify web and native React, standardizing for consistent UI development. Fragmentation challenges in React due to lack of standardized styling systems, impacting development efficiency and product consistency. Exploring unsuccessful cross-platform React approaches and the importance of minimizing migration costs. Enabling web developers to build native apps with React Native while enhancing it with web APIs for seamless code migration. Benefits of code sharing for cross-platform apps, AI integration for React Strict DOM, and the future vision for React Native as a web renderer. Unified styling in React Native, Tailwind integration, and UI best practices. Flexibility and readiness in React DOM, potential inclusion in React Foundations, and considerations for reversibility of decisions in React DOM.

react

Hands-on React Server Components, Server Functions, and Forms in the Next.js App Router

React Summit US 2025

125 min

Hands-on React Server Components, Server Functions, and Forms in the Next.js App Router

Workshop

Aurora Scharff

In this workshop, we will explore React's latest features: Server Components, Server Functions, and forms. Discover how to optimize server-side rendering, build smooth user experiences with React Suspense and Transitions, and enhance application interactivity with Server Functions and new React 1...

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

Clerk

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

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

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

Plug and Play Design: Building Extendable React Applications

React Summit US 2025

29 min

Plug and Play Design: Building Extendable React Applications

Mateusz Jagodziński

Workflow Builder

Mateusz Jagodziński, principal developer at Synergy Codes, shares insights on Plug and Play Design Building Extendable React Applications, discussing feature flags, modularity, and real-world use cases. Challenges of feature flags, the concept of alternative modular design for feature management, and the importance of modularity in code organization and development. Configurability and limitations in feature management, showcasing a plugin-based design for flexible tool versions and code manipulation. Explanation of plug and play design for code manipulation and version control with full type safety in TypeScript projects. Exposing functions to register new plugins, organizing plugins' logic within individual folders, and implementing a build setup with a replacement mechanism for plugin files. Replacing missing plugins with a fallback code, enforcing restriction on direct plugin imports, and visualizing the relationship between plugins, adapters, and application components. Exploring pros and cons of self-contained plugins, addressing implementation overhead, and discussing the value of enforced modularity for AI coding tools. Discussing plugin management decisions based on client needs and the scalability of the approach with changing requirements and minor tweaks. Handling plugin version tracking, automated testing challenges, and feature control based on environments. Adapters and maintaining plugin compatibility through iterations and cosmetic changes, leveraging existing solutions for simplicity. Discussing the implications of not shipping separate builds for multiple customers and considering the benefits of smaller bundle size. Exploring the ease of trying out new features with separate plugins to assess overhead and developer experience.

react

Lessons From Adopting React Compiler

React Summit US 2025

23 min

Lessons From Adopting React Compiler

Akash Hamirwasia

ElevenLabs

Akash Hamilwasia presenting at React Summit 2025, shares React Compiler learnings and works on an AI audio platform. Memoization in React helps optimize UI performance by preventing unnecessary re-renders. React Compiler offers automatic memoization through static code analysis. React rules emphasize purity and immutability. The compiler analyzes and memoizes code changes for optimization. React Compiler package usage improves performance through code analysis. Understanding reactivity issues is crucial for handling React state. Compiler optimization requires correct dependency arrays and usage of external libraries. Measure React Compiler impact using React Profiler for optimization and real user impact analysis.

react performance advanced react 19

Free workshops

Personalisation Without the Price Tag - Local LLMs for JavaScript Developers

JSNation 2026

108 min

Personalisation Without the Price Tag - Local LLMs for JavaScript Developers

WorkshopFree

Jo Franchetti

LLMs are powerful but unpredictable and most tutorials skip the part where you actually have to deal with that in production code. This workshop teaches you to use generative AI as an engineering tool: how to structure prompts around schemas, validate and repair non-deterministic output, and run...

artificial intelligence

Pear: Releasing Production P2P Apps

Web Engineering Summit 2026

54 min

Pear: Releasing Production P2P Apps

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:Build a realtime peer-to-peer applicationConnect with others on your own application, completely peer-to-peer.Understand how to deploy, including produc...

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