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

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

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

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

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 main challenge in web development according to Alex Russell?

The main challenge is targeting a diverse range of devices and networks while ensuring web applications perform well for all users, not just those with high-end devices.

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.

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.

Why is modern software architecture more complex than before?

Modern architecture is more complex because it involves understanding and managing trade-offs, consequences, and three dimensions: decisions, trade-offs, and long-term impacts, rather than just selecting technologies.

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.

What are the common mistakes in implementing micro-frontends?

Common mistakes include treating components and micro-frontends as the same, over-relying on runtime composition, and mismanaging global states. These mistakes often lead to poor design and operational challenges.

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.

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

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

Is React.js suitable for SEO?

React.js can be optimized for SEO with techniques like server-side rendering (SSR) using frameworks like Next.js.

What are the limiting factors in web engineering?

Limiting factors include CPU performance, storage performance, and the diversity of devices and networks that web applications must run on.

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

JSNation 2022

22 min

Makepad - Leveraging Rust + Wasm + WebGL to Build Amazing Cross-platform Applications

Top Content

Rik Arends

Makepad

Welcome to MakePad, a new way to build UI for web and native using WebAssembly and Rust. JavaScript is not suitable for complex applications like IDEs and design tools. Rust, a new programming language, was used to reimagine MakePad, resulting in a fast and efficient platform. MakePad offers live editing, high CPU performance, and the ability to load native instrument components. The future of MakePad includes an open-source release, a design tool, and support for importing 3D models.

rust webgpu innovation

Pushing the Limits of Video Encoding in Browsers With WebCodecs

JSNation 2023

25 min

Pushing the Limits of Video Encoding in Browsers With WebCodecs

Top Content

Watch video: Pushing the Limits of Video Encoding in Browsers With WebCodecs

Akash Hamirwasia

ElevenLabs

This Talk explores the challenges and solutions in video encoding with web codecs. It discusses drawing and recording video on the web, capturing and encoding video frames, and introduces the WebCodecs API. The Talk also covers configuring the video encoder, understanding codecs and containers, and the video encoding process with muxing using ffmpeg. The speaker shares their experience in building a video editing tool on the browser and showcases Slantit, a tool for making product videos.

video javascript webassembly browser api

Introducing Waku: The Minimal React Framework

React Summit 2024

19 min

Introducing Waku: The Minimal React Framework

Daishi Kato

Zustand, Jotai & Waku author

I will talk about my recent project, Waku, and my React libraries - Rustand, Jotai, and Valisio. Waku is a React framework that depends heavily on React Server Components (RSC) and aims to make capabilities like code splitting, routing, data fetching, and SSR available to developers. It uses React components based on RSC for reusability and provides a fast experience with VIT, hot reload, and hot module replacement. Waku is under active development, aiming for V1 alpha and exploring Waku-specific features. Deploying Waku apps on Vercel is supported, and a plugin system is in consideration for extended support.

frameworks react server components waku

Game Development Patterns and Architectures in JavaScript

JS GameDev Summit 2023

28 min

Game Development Patterns and Architectures in JavaScript

Top Content

Olayinka Atobiloye

GitHub

Today's Talk covers game design and architecture, including entity component systems, game loops, and decoupling game logic from rendering. Entity component systems are popular in JavaScript game development for representing games as entities and their components as behavior on data. Game loops control the flow of the game and updating its state, with different architectures like fixed time step and variable time step. Decoupling game logic from rendering improves performance and flexibility, allowing for independent updates and easy addition of new features. Having a clear separation of concerns in game development improves performance, increases flexibility, and makes debugging easier.

javascript architecture patterns game development

Stress Test Your Reflexes (And My App)

JSNation 2026

32 min

Stress Test Your Reflexes (And My App)

Eddie Jaoude

PayPal

What happens when you turn your audience into a live, distributed load test?We will kick off this session with a high-stakes, multiplayer "Whack-a-Mole" challenge played right from your phone. As you compete for the leaderboard, a live stream of concurrent data will be generated to showcas...

fun demos

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

P2P React: Local-First State, Shared Truth

React Summit 2026

27 min

P2P React: Local-First State, Shared Truth

Mikkel Malmberg

Tether

Most apps treat the server as truth. Peer-to-peer flips that: state starts local, users carry the data, and shared truth emerges without routing every interaction through a central backend.

Outline:

- The normal React/backend model
- Server/database as the source of t...

web apps

Transformers.js: State-of-the-Art Machine Learning for the Web

JSNation 2025

27 min

Transformers.js: State-of-the-Art Machine Learning for the Web

Top Content

Joshua Lochner

HuggingFace

Joshua introduces Transformers JS and Hugging Face, emphasizing community collaboration and pre-trained models. Transformers JS evolution led to 1.4 million monthly users, supporting 155 architectures. The library's browser-based capabilities offer real-time processing, cost-efficiency, and scalability. Integration enhancements include native web GPU execution and React Native implementation. Web ML implementation focuses on Onyx Runtime for device execution and web GPU for resource optimization. Browser-based ML applications cover vision, speech recognition, and text-to-speech. Advanced implementations include multimodal applications and educational tools. Interactive AI demonstrations showcase semantic search and conversational AI scenarios. Model licensing transitions to ECMAScript for efficiency and model redownloading factors are discussed.

machine learning webgpu

This Component Could Have Been A Class

React Summit 2026

33 min

This Component Could Have Been A Class

Scott Tolinski

Co-host of Syntax.fm

The web platform is not the same as it was in 2013, but many of us are still living in a world where every UI element is constructed from scratch in React. In this talk, Scott explores advancements in the web platform that can greatly simplify your React components while making them more accessib...

web development accessibility

Simpler Desktop Apps With Deno

JSNation 2026

29 min

Simpler Desktop Apps With 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...

js runtimes

Featured

GitNation Events Supporter

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

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

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

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

Exploring Server Side Rendering

React Advanced 2025

179 min

Exploring Server Side Rendering

Featured Workshop

Krasimir Tsonev

Server-side rendering (SSR) is back in the spotlight – and React is evolving fast. In this workshop, we’ll go deep into the mechanics, performance trade-offs, and modern techniques of SSR with React.js. You'll start by building an SSR app from scratch – no frameworks, just raw renderToString and...

ssr react server components

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

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

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

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

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

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

Short takes

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

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

JSNation US 2025

6 min

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

Kim Maida

FusionAuth

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

security authentication

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

I Did Everything Wrong So You Don't Have To

React Summit 2026

6 min

I Did Everything Wrong So You Don't Have To

Angel Pichardo

ImageKit.io

Images are often shipped with the wrong dimensions, wrong format, and no optimization for the layout they sit in. In this talk, we start from a broken React e-commerce page using the ImageKit SDK, use the Chrome DevTools MCP server to audit real network requests and identify performance issues, t...

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

Debugging Performance With AI

JSNation 2026

6 min

Debugging Performance With AI

Bernie Sumption

AG Grid

Profiling JavaScript is mostly easy. However, how do you profile gnarly performance issues? In this talk, you’ll learn a practical AI-assisted workflow for finding rendering bottlenecks fast. Using a real-world CSS performance bug, we’ll cover techniques like commit bisection, standalone r...

artificial intelligence

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

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

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

From Experiment to Enterprise: Scaling AI Coding Assistants Across Engineering Teams

TechLead Conf London 2025: Adopting AI in Orgs Edition

9 min

From Experiment to Enterprise: Scaling AI Coding Assistants Across Engineering Teams

Maxim Salnikov

Applied AI Engineer & Keynote Speaker

Sharing insights on scaling AI coding assistance & adopting AI native dev tools. Discussing the need for a shift from viewing adoption as a tech problem to a change management challenge. Exploring a tactical framework with three key phases: onboard, adopt, succeed. Emphasizing the importance of onboarding developers, ensuring access to licenses, and setting clear policies to avoid 'shadow AI'. Highlighting the necessity of human infrastructure for successful AI dev tool implementation, including AI advocates, communities of practice, and executive sponsorship. Adoption strategies require a focus on interconnected metrics and all pillars simultaneously. Leadership checklist for post-conference actions involves measuring metrics, distinguishing between strategic and tactical points, and staying connected through platforms like WhatsApp and LinkedIn.

artificial intelligence

Latest

Rustifying Vite: Designing a Hybrid Toolchain for the Real World

Web Engineering Summit 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...

tooling

Chunking

Web Engineering Summit 2026

28 min

Chunking

Tobias Koppers

Webpack and Turbopack Creator

We look into how bundlers place modules into output files in a process called "chunking". What are the competing metrics that can be influenced by chunking? Why is CSS and JS chunking completely different? What are performance considerations for large apps? How does JS chunking and CSS chunking w...

tooling

Framework Native Rendering Without Code Duplication?

React Summit 2026

6 min

Framework Native Rendering Without Code Duplication?

Stephen Cooper

AG Grid

Stephen explains how AG Grid implemented an abstraction layer that allows component libraries to target multiple frameworks, using the framework's native rendering, and without requiring framework-specific code for each feature.

best practices

Autonomous AI Agents in Action With the Ralph Wiggum Method

Web Engineering Summit 2026

28 min

Autonomous AI Agents in Action With the Ralph Wiggum Method

Eddy Vinck

FrontValue

The hype around AI coding agents is very real, and autonomous coding systems are improving fast. In this talk, we'll explore the "Ralph Wiggum" method, where AI agents run in persistent iteration cycles until tasks are actually complete. You will learn about backpressure mechanisms to let the LLM...

artificial intelligence

HTML in Canvas: Bridging UI and GPU on the Web

Web Engineering Summit 2026

17 min

HTML in Canvas: Bridging UI and GPU on the Web

2 authors

Modern web development still relies on a strong separation between HTML/CSS for UI and Canvas/WebGL for rendering. In practice, combining both often leads to complex synchronization logic and a series of workarounds.In this talk, we’ll first walk through how these problems are typically so...

webgl

The Evolution of App Development

React Summit 2026

27 min

The Evolution of App Development

Kadi Kraman

Expo

web apps

University is My Side Hustle: How Gen Z Builders Ship to Production

React Summit 2026

15 min

University is My Side Hustle: How Gen Z Builders Ship to Production

Artemis Leonardou

Kanoparty

I am 19 years old with a 9.4/10 GPA in CS, but university is not my priority. It is my side hustle. My real job is operating as a Founding Engineer. In this talk, I challenge the "Learn then Do" path and share the "Gen Z Builder" blueprint: how I use Next.js, AI agents, and extreme context switch...

inspiration

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

Global-Scale React: Architecting for Localization, Multi-Tenancy, and Dynamic Markets

React Summit 2026

14 min

Global-Scale React: Architecting for Localization, Multi-Tenancy, and Dynamic Markets

Ayodele Aransiola

Mentorship available

Gopaddi

Building a global product using React is not just about translating UI to code; it’s about architecting for localization, multi-tenancy, compliance, and market-specific behaviors. Leading architecture at Gopaddi, we’re scaling a travel operating system that serves users across continents, each wi...

web development

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

Remix Conf Europe 2022

23 min

Scaling Up with Remix and Micro Frontends

Top Content

Adrien Baron

Creator of Tiny Frontend

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

javascript remix micro-frontends architecture

From Blender to the Web - the Journey of a 3D Model

React Advanced 2021

27 min

From Blender to the Web - the Journey of a 3D Model

Top Content

Sara Vieira

Orama

This Talk is about Blender, a free and open-source 3D software, and integrating 3D models into websites. The speaker discusses exporting 3D models to the web using the gltf format and compressing them using gltf transform and draco compression. They also cover integrating the 3D model into a website using React and React 3 fiber, troubleshooting installation and error issues, and working with refs and frames. The Talk explores rendering, lighting, mathematics, and experimentation in 3D, as well as interaction and rendering effects. The speaker also mentions their favorite creation in Blender.

If You Were a React Compiler

React Summit US 2024

26 min

If You Were a React Compiler

Top Content

Tony Alicea

Tony is a bestselling Udemy and Pluralsight author, known for his online courses such as "JavaScript: Understanding the Weird Parts"

In this talk, the speaker aims to build an accurate understanding of how the new React compiler works, focusing on minimizing re-renders and improving performance. They discuss the concept of memoization and how it can be used to optimize React applications by storing the results of function calls. The React compiler automates this process by analyzing code, checking dependencies, and transpiling JSX. The speaker emphasizes the importance of being aware of memory concerns when using memoization and explains how the React compiler detects changes in function closure values. They also mention the Fibre Tree, which drives the reconciliation process and helps optimize performance in React. Additionally, the speaker touches on JSX transpilation, compiler caching, and the generation of code. They encourage developers to understand the code generated by the compiler to optimize specific sections as needed.

react deep dive react 19

Next.js for React.js Developers

React Day Berlin 2023

157 min

Next.js for React.js Developers

Top Content

Featured WorkshopFree

Adrian Hajdin

In this advanced Next.js workshop, we will delve into key concepts and techniques that empower React.js developers to harness the full potential of Next.js. We will explore advanced topics and hands-on practices, equipping you with the skills needed to build high-performance web applications and...

react nextjs react

Optimizing HTML5 Games: 10 Years of Learnings

JS GameDev Summit 2022

33 min

Optimizing HTML5 Games: 10 Years of Learnings

Top Content

Watch video: Optimizing HTML5 Games: 10 Years of Learnings

Will Eastcott

CEO & co-founder of PlayCanvas

PlayCanvas is an open-source game engine used by game developers worldwide. Optimization is crucial for HTML5 games, focusing on load times and frame rate. Texture and mesh optimization can significantly reduce download sizes. GLTF and GLB formats offer smaller file sizes and faster parsing times. Compressing game resources and using efficient file formats can improve load times. Framerate optimization and resolution scaling are important for better performance. Managing draw calls and using batching techniques can optimize performance. Browser DevTools, such as Chrome and Firefox, are useful for debugging and profiling. Detecting device performance and optimizing based on specific devices can improve game performance. Apple is making progress with WebGPU implementation. HTML5 games can be shipped to the App Store using Cordova.

performance game engine game development

Micro-Frontends With React & Vite Module Federation

React Advanced 2023

20 min

Micro-Frontends With React & Vite Module Federation

Top Content

Watch video: Micro-Frontends With React & Vite Module Federation

Giorgio Boa

Claranet

Microfrontends is an architecture used by big companies to split monolithic frontend applications into manageable parts. Maintaining a consistent look and feel across different microfrontends is a challenge. Sharing styles can be done through Vanilla CSS, CSS modules, or CSS in JS. JavaScript variables can be used in styles, but readability and runtime overhead are considerations. Sharing state in microfrontends can be achieved through custom events, broadcast channels, shared state managers, or custom PubSub implementations. Module federation with Vite allows for client composition and sharing dependencies. Configuration is similar to Webpack, and future work includes working on the QUIC framework.

vite react microfrontend build tools micro-frontends micro frontends react module federation react micro frontends react native react microservices vite react module federation vite

Build a Design System with React and Tailwind CSS

React Summit 2022

27 min

Build a Design System with React and Tailwind CSS

Top Content

Shruti Balasa

Tech Educator

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

design systems css react design systems tailwind react

Design Systems: Walking the Line Between Flexibility and Consistency

React Advanced 2021

47 min

Design Systems: Walking the Line Between Flexibility and Consistency

Top Content

Siddharth Kshetrapal

GitHub

The Talk discusses the balance between flexibility and consistency in design systems. It explores the API design of the ActionList component and the customization options it offers. The use of component-based APIs and composability is emphasized for flexibility and customization. The Talk also touches on the ActionMenu component and the concept of building for people. The Q&A session covers topics such as component inclusion in design systems, API complexity, and the decision between creating a custom design system or using a component library.

design systems component library best practices

React Query and Auth: Who is Responsible for What?

React Advanced 2021

19 min

React Query and Auth: Who is Responsible for What?

Top Content

Bonnie Schulkin

Teacher, Coder & Testing Enthusiast

This talk introduces React Query and Auth, discussing how React Query maintains server state on the client and handles mutations and data updates. The day spa app example demonstrates the use of React Query to fetch data and handle user authentication. React Query is also useful for managing user data and ensuring accurate data from the server. The talk highlights the importance of addressing the three main players in user data: React Query, Auth Functions, and persistence across sessions.

react react query react query best practices react query authentication react query caching react query local storage

You Can’t Use Hooks Conditionally… or Can You?

React Summit 2023

28 min

You Can’t Use Hooks Conditionally… or Can You?

Top Content

Watch video: You Can’t Use Hooks Conditionally… or Can You?

Charlotte Isambert

Bam.tech

The Talk discusses the use of the Use hook in React and its ability to be used conditionally. It explains the concept of the fiber tree and how hooks values are stored in memory. The Talk also delves into the conditional use of useContext and how it differs from useState. It explores the process of updating context values and optimizing context rendering. The role of the provider in managing context values and rendering is emphasized.

react react hooks react conditional hooks

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

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 Strict Dom: Cross-Platform React Based on the Web

React Summit US 2025

29 min

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