GitNation: Talks & workshops by core teams and top engineers

Upcoming events

Subscribe to the top Dev conferences

AI Coding Summit London

Jul 6 - 7, 2026

React Advanced 2026

Oct 23 - 26, 2026

JSNation US 2026

Nov 16 - 19, 2026

React Summit US 2026

Nov 17 - 20, 2026

TechLead Conf London 2026: Adopting AI in Orgs Edition

Oct 23, 2026

AI Coding Summit NYC

Nov 16 - 19, 2026

React Day Berlin 2026

Dec 4 - 7, 2026

AI Coding Summit Berlin

Dec 4 - 7, 2026

React Summit Asia

Apr 14 - 19, 2027

Web Development insights directly from framework authors and early adopters.

Talks from our events

React Summit 2026

Jun 11 - 16, 2026

JSNation 2026

Jun 11 - 15, 2026

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

Jun 11, 2026

Web Engineering Summit 2026

Jun 11 - 15, 2026

Node Congress 2026

Mar 26 - 27, 2026

AI Coding Summit 2026

Feb 26 - 27, 2026

TechLead Conf London 2025: Adopting AI in Orgs Edition

Nov 28, 2025

React Advanced 2025

Nov 27 - Dec 1, 2025

React Summit US 2025

Nov 18 - 21, 2025

JSNation US 2025

Nov 17 - 20, 2025

AI Coding Summit 2025

Oct 23 - 24, 2025

TechLead Conference 2025: AI in Orgs

Sep 18 - 19, 2025

Articles

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

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

What led you to...

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

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

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

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

Spanish translations for 2000+ React and JavaScript talks from GitNation

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

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

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

Top ideas

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

What are the benefits of using React Compiler according to Nadia?

React Compiler has a minimal impact on initial load performance and can significantly improve interaction performance by reducing unnecessary re-renders.

What challenges are associated with implementing React Server Components in React Native?

Challenges include managing different versions of the app and server components, handling app updates without full store reviews, and ensuring that native user experience remains consistent. Technical hurdles also involve configuring server-side operations within a mobile context.

What are some trade-offs of using Redux?

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

How do you use Undici?

You can start using Undici by importing the 'request' function and providing a URL. It returns the status code, headers, trailers, and body.

What types of state are best managed by Redux?

Redux is best suited for managing state that is needed by multiple components, state that needs to persist beyond the lifecycle of a single component, and state where it is beneficial to have a clear history of actions and updates. It is less suitable for managing local component state or form state.

Who is the creator of Transformers JS?

Joshua, a 25-year-old machine learning engineer from South Africa, is the creator of Transformers JS.

What is the purpose of mastering JavaScript patterns?

Mastering JavaScript patterns helps developers write code more clearly and efficiently, improve code architecture, catch up with team members, and potentially become a consultant or mentor with better skills and deeper understanding of software principles.

How should architecture be viewed according to Luca?

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

What is a MonoRepo?

A MonoRepo, or monolithic repository, is a single repository that contains multiple distinct projects with well-defined relationships. This setup allows for easier code sharing, atomic changes across projects, and streamlined dependency management.

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

Trending today

Run Games Within Your React Native Apps

React Day Berlin 2022

28 min

Run Games Within Your React Native Apps

Top Content

Vladimir Novick

Novick Labs

Today's Talk discusses integrating Unity into React Native apps for game development. Unity provides a wide range of capabilities and can be seamlessly integrated with React Native. The integration involves using the Unity View component and the Unity Message callback to enable communication between the two platforms. Native plugins are created to facilitate communication between Unity and React Native. The performance of Unity in React Native apps is comparable to regular React Native apps, and the decision to use Unity or React Native depends on the app's use case and need for advanced UI and gaming capabilities.

react native unity vs react native react games react native games react native unity react unity webgl

How I use AI as a Technical Educator

React Summit 2026

31 min

How I use AI as a Technical Educator

Adrian Hajdin

JavaScript Mastery YouTube Channel Author.

Over the past year, the way I build applications has changed dramatically. Projects that once took weeks now take days with the help of AI. But the biggest shift isn’t speed, it’s how I learn and how I teach.

In this talk, I’ll share how I’ve started using AI not just as a coding assis...

artificial intelligence

Eye Tracking & a11y on the Edge: Build an Eye Tracking With AI Running on Your Device!

JSNation US 2025

23 min

Eye Tracking & a11y on the Edge: Build an Eye Tracking With AI Running on Your Device!

Francesco Sciuti

Devmy

The speaker delves into the integration of AI and eye tracking technology to enhance user interactions and experiences, emphasizing the need for cost-effective solutions with standard hardware. The advancement of AI models for local device execution is highlighted, enabling cross-platform data privacy and offline usage. MediaPipe Solutions, particularly Face Landmark Detection, offer detailed facial information in real-time, and iris feature extraction is utilized for precise gaze prediction. Model calibration and mapping techniques are discussed for improving gaze interaction accuracy and reliability.

artificial intelligence

Building a Mobile App with Expo, EAS, and React Native

React Summit Remote Edition 2021

35 min

Building a Mobile App with Expo, EAS, and React Native

Top Content

Brent Vatne

Expo

This talk provides an overview of building React Native apps with Expo and Xcode. It covers Expo managed projects, XO, Turtle, customizing runtime, Expo Development Client, and EAS. The talk also mentions the advantages of Expo Updates, the focus on a customizable runtime, and adding native libraries. Favorite React Native apps and libraries are recommended, and the future goals include enhancing performance and improving the development experience through EAS.

react native builders and founders mobile apps create react native library

Optimizing HTML5 Games: 10 Years of Learnings

JS GameDev Summit 2022

33 min

Optimizing HTML5 Games: 10 Years of Learnings

Top Content

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 development game engine

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

JSNation 2026

31 min

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

Wes Bos

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

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

artificial intelligence

Micro Frontends and Security

JSNation US 2024

23 min

Micro Frontends and Security

Florian Rappl

smapiot

Welcome to a session about micro-frontends and security. This Talk discusses the vulnerabilities in micro-frontend systems, including injections, insecure design, and security misconfiguration. It also explores identification and authentication flaws, and suggests mitigation strategies like using session cookies and secure HTTP channels. The Talk highlights the importance of implementing a gateway for enhanced security and addresses concerns about insecure design. It emphasizes integrity verification of JavaScript files and the prevention of code injection. The use of environment variables and configuration mismanagement is also discussed, along with the importance of vulnerability scanning and testing. The Talk concludes by emphasizing the need for authenticity and monitoring in micro-frontend development.

architecture patterns security

Data Loaders - Elevating Data Fetching in Vue

Vue.js Live 2024

30 min

Data Loaders - Elevating Data Fetching in Vue

Eduardo San Martin Morote

Vue.js Core Team

Data loaders provide a solution for complex and repetitive data fetching in Vue.js applications. Using data loaders allows for more independent data fetching and integrates with the navigation cycle. The data loader plug-in adds a navigation guard for data fetching and loading. Lazy loading and caching can be implemented using Pina Colada and Glada loaders. These loaders can improve the performance and speed of data fetching in applications.

api development web apps vue

Unleashing Next-Gen 3D Web Experiences with Babylon.js 6.0

JS GameDev Summit 2023

20 min

Unleashing Next-Gen 3D Web Experiences with Babylon.js 6.0

Raanan Weber

Microsoft

Babylon.js is an open-source 3D rendering engine that aims to be powerful, beautiful, simple, and open. It supports WebGL, WebGPU, and canvas accelerated UI, and offers features like physics integration and WebXR abstraction. The engine provides tools like the Playground and Inspector for debugging and editing scenes. Babylon Native brings the power of Babylon Engine to Native platforms, and the latest release integrates the Havok physics engine for improved performance. Version 7.0 will introduce new features like the Node Geometry Editor and Flow Graph, and will revamp the API and audio engine.

game development game engine

What RSCs Can Do in Next.js Today

React Summit 2026

36 min

What RSCs Can Do in Next.js Today

Aurora Scharff

Vercel

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

react server components

Featured

GitNation Events Supporter

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

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

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

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

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

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

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

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

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

How to Build Full-Stack Apps Using Cursor

React Summit US 2025

65 min

How to Build Full-Stack Apps Using Cursor

Featured WorkshopFree

Shrey Shah

In this workshop, I’ll guide participants through a process for building full-stack applications using Cursor. We’ll cover setting up Cursor workflows, including rules, commands, and custom modes, to streamline development. We will use Cursor to draft PRDs, database schema, etc and a simple SOW....

fullstack

I Measured React Server Components’ Performance So You Don’t Have To

React Advanced 2025

22 min

I Measured React Server Components’ Performance So You Don’t Have To

Nadia Makarevich

Coder, writer, author of Advanced React book

Nadia introduces React server components and performance, highlighting the benefits of server components in improving performance and the need for a clear understanding of their impact on rendering and data fetching in React applications. Exploring Server-Side Rendering Impact on Performance: Analysis of transitioning from client-side to server-side rendering, including implications on performance and data fetching. Transforming Empty Screen to Performance Improvement: Detailed process of browser work, React rendering, and data fetching impact. Making the Shift to Server-Side Rendering: Impact on interactivity and data fetching optimization. Understanding the Benefits of AppRouter Version in SSR with Reduced JavaScript Payload and Introduction of Server Components. Investigating Smarter Server-Side Rendering with Server Components and Streaming in Next.js. Refactoring for Server Components: Async Data Fetching, Server Component Identification, and Utilizing Suspense for React Streaming Chunks. Enhancing Performance with Server Components: Balancing Rendering Approaches, Importance of Server-Side Data Fetching, and Leveraging Suspense for Improved Streaming.

performance react server components

Short takes

Rustifying Vite: Designing a Hybrid Toolchain for the Real World

JSNation 2026

6 min

Rustifying Vite: Designing a Hybrid Toolchain for the Real World

Alexander Lichter

VoidZero

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

tooling vite

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

TechLead Conf London 2025: Adopting AI in Orgs Edition

6 min

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

Sam Komesarook

Arts & Engineering Composite

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

user interfaces

Deploy Your AI Code in Minutes

AI Coding Summit 2026

7 min

Deploy Your AI Code in Minutes

Shifra Williams

Render

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

artificial intelligence

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

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

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

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

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

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

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

De-bloating the Web: The "Ecosystem Performance" Initiative (e18e)

JSNation 2026

20 min

De-bloating the Web: The "Ecosystem Performance" Initiative (e18e)

Ulrich-Matthias Schäfer

svg.js maintainer, member of the e18e community

Join the "Ecosystem Performance" initiative to explore our mission to revolutionize the JavaScript ecosystem. We tackle bloated, slow, and outdated dependencies in popular open-source libraries, replacing them with optimized alternatives or crafting our own superior solutions. Our goal is a faste...

performance

Templates and Components for Claude Code: The Future of AI Coding Workflows

JSNation 2026

30 min

Templates and Components for Claude Code: The Future of AI Coding Workflows

Daniel Ávila

Claude Code Templates Creator, AI Tech Lead at Hedgineer.

Claude Code is no longer just a coding assistant, it's becoming an operating system for software development. In this talk, I'll walk through how reusable templates, agents, hooks, skills, and MCP integrations can transform Claude Code into a structured, composable workflow engine. Drawing from b...

artificial intelligence

Building ChatGPT and MCP Apps with All the Comfort of Modern TypeScript DevX

Web Engineering Summit 2026

21 min

Building ChatGPT and MCP Apps with All the Comfort of Modern TypeScript DevX

Frédéric Barthelet

Alpic

Billion of users are starting their searches on ChatGPT instead of Google.For JavaScript developers, this isn't just a trend, it's a new runtime: ChatGPT Apps. These new apps serves as a replacement for traditional web and mobile applications: interactive, tool-powered experiences living...

artificial intelligence

Giving AI Agents Hands: Mobile Feedback Loops with Agent Device

React Summit 2026

26 min

Giving AI Agents Hands: Mobile Feedback Loops with Agent Device

Mike Grabowski

Codex Ambassador, React Native contributor, CTO

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

react artificial intelligence

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

Orchestrating Content Workflows at Netflix Scale

JSNation 2026

20 min

Orchestrating Content Workflows at Netflix Scale

Pratyusha Singaraju

Netflix

Every title that reaches Netflix's millions of subscribers passes through a gauntlet of decisions — some made by rules, some by ML models, and some by human reviewers. And with Netflix's catalog growing faster than ever, getting all of them to work together reliably, at scale, is one of the harde...

architecture

What RSCs Can Do in Next.js Today

React Summit 2026

36 min

What RSCs Can Do in Next.js Today

Aurora Scharff

Vercel

react server components

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

Docker

AI is reshaping how engineers work, but many organizations are training teams in the wrong direction—optimizing for prompts instead of thinking. This leads to fast output, shallow understanding, and fragile systems. This talk focuses on how tech leaders and senior engineers can adopt AI while pre...

career best practices

FWD: Urgent Opportunity to Claim Your React + MDX Newsletter Inheritance

React Summit 2026

19 min

FWD: Urgent Opportunity to Claim Your React + MDX Newsletter Inheritance

César Alberca

Freelance Frontend Architect

Hello, dear friend,

I trust this message reaches you in excellent spirits. I write to you not only as a humble developer, but as the sole surviving heir of an ancient lineage of engineers whose wisdom has been carefully safeguarded through centuries.

With great urgency, I in...

MDX

How I Taught LLMs How to Svelte

JSNation 2026

33 min

How I Taught LLMs How to Svelte

Paolo Ricciuti

Mentorship available

Mainmatter

It's undeniable that LLMs are slowly (and not even that much) but steadily changing the way we write code. But they have a problem: once you start using something outside of their training set, the performance quickly degrades.Releasing Svelte 5 (with a pretty big syntax rewrite) right bef...

svelte

Popular

Vuetify 3: Titan

Vue.js London Live 2021

20 min

Vuetify 3: Titan

Top Content

John Leider

Vuetify

Hi, I'm John Leader, the creator of Viewtify. Viewtify 3 is the upcoming version with new design concepts, improved usability, and compatibility with modern browsers. The framework has added new features like a validation system, style diversity, semantic customization options, and a density concept. Enhanced customization options, improved performance, and advanced browser support with CSS variables are also highlights of Viewtify 3.

vue composition api vue vue 3

Modern Web Debugging

JSNation 2023

29 min

Modern Web Debugging

Top Content

Jecelyn Yeen

Google (Chrome DevTools)

This Talk discusses modern web debugging and the latest updates in Chrome DevTools. It highlights new features that help pinpoint issues quicker, improved file visibility and source mapping, and ignoring and configuring files. The Breakpoints panel in DevTools has been redesigned for easier access and management. The Talk also covers the challenges of debugging with source maps and the efforts to standardize the source map format. Lastly, it provides tips for improving productivity with DevTools and emphasizes the importance of reporting bugs and using source maps for debugging production code.

devtools debug

Vite: Rethinking Frontend Tooling

JSNation Live 2021

31 min

Vite: Rethinking Frontend Tooling

Top Content

Evan You

Vue.js & Vite Creator

Vite is a next-generation build tool that leverages native ES modules for improved performance. It eliminates the need for bundling and improves hot module replacement. Vite provides an opinionated default configuration while still allowing advanced customization through plugins. It is framework agnostic and can be used for React and other applications. Vite is being adopted by Next.js and Create React App, and integration with Nuxt 3 offers significant speed improvements.

build tools vite

(Easier) Interactive Data Visualization in React

React Advanced 2021

27 min

(Easier) Interactive Data Visualization in React

Top Content

Anjana Vakil

Independent Developer Educator & Software Engineer

This Talk is about interactive data visualization in React using the Plot library. Plot is a high-level library that simplifies the process of visualizing data by providing key concepts and defaults for layout decisions. It can be integrated with React using hooks like useRef and useEffect. Plot allows for customization and supports features like sorting and adding additional marks. The Talk also discusses accessibility concerns, SSR support, and compares Plot to other libraries like D3 and Vega-Lite.

react d3 graphs in react dataviz

Building Better Websites with Remix

React Summit Remote Edition 2021

33 min

Building Better Websites with Remix

Top Content

Michael Jackson

React Training

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

react remix frameworks

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 query react react query best practices react query authentication react query caching react query local storage

React Hooks Tips Only the Pros Know

React Summit Remote Edition 2021

177 min

React Hooks Tips Only the Pros Know

Top Content

Featured Workshop

Maurice de Beijer

The addition of the hooks API to React was quite a major change. Before hooks most components had to be class based. Now, with hooks, these are often much simpler functional components. Hooks can be really simple to use. Almost deceptively simple. Because there are still plenty of ways you can me...

react react hooks react 18 hooks react profiler deep dive best practices

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.

component library design systems best practices

Composition vs Configuration: How to Build Flexible, Resilient and Future-proof Components

React Summit 2022

17 min

Composition vs Configuration: How to Build Flexible, Resilient and Future-proof Components

Top Content

Thomas Findlay

Findlay Web Tech

Today's Talk discusses building flexible, resilient, and future-proof React components using composition and configuration approaches. The composition approach allows for flexibility without excessive conditional logic by using multiple components and passing props. The context API can be used for variant styling, allowing for appropriate styling and class specification. Adding variants and icons is made easy by consuming the variant context. The composition and configuration approaches can be combined for the best of both worlds.

component library react components architecture react composition react fiber programming concepts

How React Compiler Performs on Real Code

React Advanced 2024

31 min

How React Compiler Performs on Real Code

Top Content

Nadia Makarevich

Coder, writer, author of Advanced React book

I'm Nadia, a developer experienced in performance, re-renders, and React. The React team released the React compiler, which eliminates the need for memoization. The compiler optimizes code by automatically memoizing components, props, and hook dependencies. It shows promise in managing changing references and improving performance. Real app testing and synthetic examples have been used to evaluate its effectiveness. The impact on initial load performance is minimal, but further investigation is needed for interactions performance. The React query library simplifies data fetching and caching. The compiler has limitations and may not catch every re-render, especially with external libraries. Enabling the compiler can improve performance but manual memorization is still necessary for optimal results. There are risks of overreliance and messy code, but the compiler can be used file by file or folder by folder with thorough testing. Practice makes incredible cats. Thank you, Nadia!

performance

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

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

React Summit 2026

27 min

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

Vitor Alencar

@vitormalencar

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

react

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

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

Mess to Modern: Refactoring a React Nightmare

React Summit 2026

18 min

Mess to Modern: Refactoring a React Nightmare

Kaleb Garner

HaloMD

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

react

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

React Advanced 2025

27 min

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

Wyatt Johnson

Vercel

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

performance react next.js react server components frontend server cache

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

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.

performance react advanced react 19

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

Replacing Form Libraries With Native Web APIs

React Summit 2026

17 min

Replacing Form Libraries With Native Web APIs

Trust Jamin

Uploadcare

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

react

Free workshops

Personalisation Without the Price Tag - Local LLMs for JavaScript Developers

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

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

React Summit 2026

66 min

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

WorkshopFree

2 authors

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

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

Node Congress 2026

73 min

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

WorkshopFree

Confidence Okoghenun

In this hands on workshop participants will learn how to create a production‑ready Model Context Protocol (MCP) server on Cloudflare Workers. The session covers defining tool endpoints, integrating external APIs, persisting state with KV storage, and globally deploying the server so AI assistants...

artificial intelligence

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

AI Coding Summit 2026

34 min

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

WorkshopFree

Paige Bailey

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

best practices

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

AI Coding Summit 2026

53 min

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

WorkshopFree

2 authors

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

artificial intelligence

Hands-On Guide to Secure AI-Driven Coding

AI Coding Summit 2026

52 min

Hands-On Guide to Secure AI-Driven Coding

WorkshopFree

Gil Friedman

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

artificial intelligence best practices

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