GitNation: Talks & workshops by core teams and top engineers

Upcoming events

Subscribe to the top JS conferences

JSNation 2026

Jun 11 - 15, 2026

React Summit 2026

Jun 11 - 15, 2026

Web Engineering Summit 2026

Jun 11 - 15, 2026

TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition

Jun 11, 2026

AI Coding Summit London

Jul 6 - 7, 2026

React Advanced 2026

Oct 23 - 26, 2026

JSNation US 2026

Nov 16 - 19, 2026

React Summit US 2026

Nov 17 - 20, 2026

React Day Berlin 2026

Dec 4 - 7, 2026

Web Development insights directly from framework authors and early adopters.

Talks from our events

Node Congress 2026

Mar 26 - 27, 2026

AI Coding Summit 2026

Feb 26 - 27, 2026

TechLead Conf London 2025: Adopting AI in Orgs Edition

Nov 28, 2025

React Advanced 2025

Nov 27 - Dec 1, 2025

React Summit US 2025

Nov 18 - 21, 2025

JSNation US 2025

Nov 17 - 20, 2025

AI Coding Summit 2025

Oct 23 - 24, 2025

TechLead Conference 2025: AI in Orgs

Sep 18 - 19, 2025

React Summit 2025

Jun 13 - 17, 2025

JSNation 2025

Jun 12 - 16, 2025

Node Congress 2025

Apr 17, 2025

Productivity Conf for Devs and Tech Leaders

Mar 27 - 28, 2025

CMS Migration Services (2026): Top 11 Agencies Reviewed

TL;DR: CMS Migration Numbers That Tell the Story

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

ChatGPT eCommerce Apps with Shopify

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

ChatGPT now has native Shopif...

Running Efficient Meetups: A Practical Guide for Stronger Tech Communities

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

React Server Components: The Next Evolution in Web Development

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

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

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

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

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

Spanish translations for 2000+ React and JavaScript talks from GitNation

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

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

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

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

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

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

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

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

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

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

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

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

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

What led you to...

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

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

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

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

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

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

<...

Top ideas

Who is Dominik and what does he do?

Dominik is a software engineer from Vienna, working as a front-end tech leader at Verity. He is also known for maintaining the open-source library React Query, now called PanStack React Query.

What is the purpose of React Server Components (RSC)?

React Server Components allow developers to balance rendering tasks between the server and client, enabling efficient server-side rendering and streaming of content.

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

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.

How has Redux evolved over time?

Redux has evolved from being a minimal library requiring a lot of boilerplate code to Redux Toolkit, which simplifies common tasks like creating stores and reducers, and includes features like RTK Query for data fetching. Modern React features like hooks have also been integrated into Redux.

What is Hugging Face?

Hugging Face is a platform where the machine learning community collaborates on models, datasets, and applications, aiming to democratize machine learning.

What are the advantages of buying an authentication solution?

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

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

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

Why was Redux created?

Redux was created to manage client-side state in React applications, providing a predictable state update pattern and solving issues related to keeping state in sync across different parts of an application, as initially addressed by the Flux architecture.

Deep Dives

Deep Dive: Growing to Tech Lead

Growing to Tech Lead

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

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

... and 16 more talks and workshops

Deep Dive: AI Assisted Coding

AI Assisted Coding

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

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

... and 22 more talks and workshops

Deep Dive: Mastering Full-stack

Mastering Full-stack

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

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

... and 21 more talks and workshops

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.

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

Advanced Claude Code Techniques for 2026

AI Coding Summit 2026

127 min

Advanced Claude Code Techniques for 2026

Top Content

Workshop

Cole Medin

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

best practices

Seamless BLE-to-Live Activity Sync in React Native — No Push Needed

React Summit US 2025

25 min

Seamless BLE-to-Live Activity Sync in React Native — No Push Needed

Rajni Gediya

Mentorship available

Hinge Health

Introduction to React Summit 2025 focusing on seamless Bluetooth Low Energy integration with iOS Live Activity. Understanding custom modules in React Native and Bluetooth Low Energy basics. Challenges with iOS Live Activity updates on Bluetooth devices without push notifications. Exploring UI background mode in iOS for Bluetooth communication wake-up. Utilizing React Native Bluetooth manager for seamless integration with iOS native modules. Demonstrating Bluetooth communication between peripheral and central devices using iOS Core Bluetooth. Exploring challenges and best practices for live activity development in iOS.

react native

Deep Dive into Undici

Node Congress 2024

24 min

Deep Dive into Undici

Top Content

Matteo Collina

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

Undici is a modern HTTP client for Node.js that offers improved performance and advanced features. It supports HTTP 1.1 and recently added HTTP 2.0 support. Undici provides impressive performance, especially with Undici.Stream. It also supports HTTP 1.1 pipelining, which can significantly cut response time. Undici offers flexible connection management and dispatchers, as well as interceptors for customization. Undici v7 is coming with improved APIs and platformatic runtime for running multiple microservices in the same process.

node.js

No REST for Cap'n Web

Node Congress 2026

23 min

No REST for Cap'n Web

Kenton Varda

Cloudflare

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

tooling

AgentCraft: Putting the Orc in Agent Orchestration

AI Coding Summit 2026

10 min

AgentCraft: Putting the Orc in Agent Orchestration

Ido Salomon

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

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

best practices

Canva’s App UI Kit: Empowering Developers With Modern Web Technologies

React Summit US 2023

8 min

Canva’s App UI Kit: Empowering Developers With Modern Web Technologies

Watch video: Canva’s App UI Kit: Empowering Developers With Modern Web Technologies

Tom Northall-Little

Senior Software Engineer at Canva

Welcome to the Canva Tech talk where the Canva tech stack, React component structure, and UI kit for developers are discussed. Canva uses Java, Go, Bash, TypeScript, and React for development. TypeScript, MobX, and React were chosen to enable hundreds of developers to work on the code base productively. Canva's internal component library was explored and released under a semi-open source license, allowing for quick delivery and sharing of improvements with the community. The developer community has added numerous app integrations accessible to Canva's 150 million monthly active users.

UX UI

The Rise of the AI Engineer

React Summit US 2023

30 min

The Rise of the AI Engineer

Top Content

Watch video: The Rise of the AI Engineer

Shawn Swyx Wang

Latent.Space Editor & Smol.ai Founder

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

future of development artificial intelligence web development builders and founders

How I Build Web Applications in 2026

AI Coding Summit 2026

31 min

How I Build Web Applications in 2026

Top Content

Kent C. Dodds

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

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

web development

Meet React Flight and Become a RSC Expert

React Day Berlin 2024

31 min

Meet React Flight and Become a RSC Expert

Top Content

Mauro Bartolomeoli

Doubleloop S.r.l.

My name is Mauro and I work for a company called Doubleloop in Italy. Today, I'm going to share my learning journey through puzzles and challenges related to React Server Components (RSC). RSC allows for server-side rendering and streaming of components. React flight, a protocol used to serialize and share rendering jobs, is a key feature of RSC. RSC can be used without a server, known as React Serverless Components. Using RSC, different types of content can be switched using the useState hook. RSC can be effectively used on a server by starting Node.js with a specific flag. Client-only components recognized by RSC can be executed on the client. React Streaming Components introduces the streaming concept and allows for continuous updates of the page. Advanced features of React Streaming Components include asynchronous rendering, suspense, and recursion. The React Strange Constraints challenge focuses on optimizing rendering by sending the initial page as HTML. The use of a proxy and RSE payload allows for client hydration of RSC. The possibility of using languages other than JavaScript, such as Rust, for server components is explored. RSC has the potential to become a language-agnostic protocol. The meaning of client-server roles in RSC can be extended. RSC offers streaming capabilities and the ability to balance server and client work. Infinite streaming is possible with server sockets. RSC hydration is believed to be faster than regular hydration. The Talk concludes by encouraging questions during the Q&A session.

react server components

Featured

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

Vite and the Future of JavaScript Tooling

JSNation 2025

23 min

Vite and the Future of JavaScript Tooling

Top Content

Evan You

Vue.js & Vite Creator

Evan Yeo discusses Vite's growth, challenges with dependencies like ES Build and Rollup, and the creation of the bundler Rolldown. The JavaScript ecosystem faces fragmentation, but the company aims for a unified JavaScript stack. Rust is chosen for lower-level development, while JavaScript and TypeScript for high-level APIs. Roldown offers advanced bundling features, outperforming existing tools. Integration with Vite leads to tailored optimizations and significant speed improvements. Vite+ development focuses on creating a comprehensive toolkit. VitePlus integrates TS-down for library bundling, ViteTest for testing, and OX-Lint for linting. Future plans include monorepo awareness, build orchestration, and framework-like features.

vite

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

Motion Control With Multimodal LLMs

JSNation 2025

39 min

Motion Control With Multimodal LLMs

Charlie Gerard

CrowdStrike

The Talk delves into motion control with multimodal AI, exploring TensorFlow.js models for gesture recognition and enhancing user interactions. It discusses leveraging LLMs for gesture-based interaction, investigating Gemiini for gesture recognition, and controlling light states with Gemini functions. The conversation includes webcam-based gesture recognition, custom gesture databases, and the future of personalized AI assistance with acoustic recognition.

artificial intelligence

Building Full Stack Apps With Cursor

React Summit 2025

46 min

Building Full Stack Apps With Cursor

Featured WorkshopFree

Mike Mikula

In this workshop I’ll cover a repeatable process on how to spin up full stack apps in Cursor. Expect to understand techniques such as using GPT to create product requirements, database schemas, roadmaps and using those in notes to generate checklists to guide app development. We will dive furth...

artificial intelligence

Vibe coding with Cline

JSNation 2025

64 min

Vibe coding with Cline

Featured Workshop

Nik Pash

The way we write code is fundamentally changing. Instead of getting stuck in nested loops and implementation details, imagine focusing purely on architecture and creative problem-solving while your AI pair programmer handles the execution. In this hands-on workshop, I'll show you how to leverage...

artificial intelligence

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

npm install && pray

Node Congress 2026

29 min

npm install && pray

Jo Franchetti

Software Engineer and Developer Advocate

JavaScript developers face security risks in npm packages with self-replicating worms compromising packages. Supply chain attacks target prolific maintainers leading to unauthorized code injections. Vulnerabilities in package maintainers and implicit trust contribute to successful attacks. Secure package installation practices vary between npm and Deno. AI-generated code introduces new security risks with embedded secrets. Secure AI code execution involves sandboxing for isolation and secure handling of API keys.

artificial intelligence

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

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

Short takes

Delivering High-Quality Videos on Your ReactJS Website

React Summit 2025

7 min

Delivering High-Quality Videos on Your ReactJS Website

Rahul Nanwani

ImageKit.io

Raul from ImageKit discusses optimizing and streaming videos, highlighting challenges like resolutions and codecs. Developers can use ImageKit Video API for seamless integration and quick optimization. ImageKit offers streamlined video hosting with real-time optimization and adaptive streaming. It enables easy access to cloud storage and transformation of videos for better user experience.

video

How to Build an Open Telemetry SDK in 7 Minutes

JSNation 2025

6 min

How to Build an Open Telemetry SDK in 7 Minutes

Charly Gomez

Sentry, Software Engineer

Showcasing adding observability with OpenTelemetry. Benefits of extensive telemetry data for insights. Contrasting uninstrumented, manual, and automatic instrumented apps. Example of instrumenting fetch calls for telemetry signals. Technique for modifying functions without core updates. Using JS proxy as a modern approach for patching. OpenTelemetry standardizes instrumentation with APIs and tools. Example of setting up OpenTelemetry with instrumentations.

observability

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

No Dependencies, No Problem: Streaming AI Over the Phone

JSNation 2025

6 min

No Dependencies, No Problem: Streaming AI Over the Phone

Marius Obert

Twilio

Marius from Twilio demonstrates building AI agents for phone calls, addressing latency issues by leveraging Twilio's infrastructure and third-party providers like 11 Labs and Google Cloud. Configuration includes WebSocket integration for message handling, static responses, and text-to-speech with 11 Labs. AI integration involves GPT4 or mini model for conversation history storage. A live demo showcases an AI voice assistant with instant responses and latency improvements.

artificial intelligence

Reimagine Frontend in the Serverless Era

React Summit 2025

8 min

Reimagine Frontend in the Serverless Era

Evangelia Mitsopoulou

Mentorship available

Tech Founder, Mentor @Philomath Academy

Evangelia, tech founder of Fioromat Academy, discusses the impact of serverless technologies on frontends, emphasizing a shift towards lightweight, stateless backends split into smaller units and the increased importance of API gateways and serverless functions. The discussion also highlights the significance of optimistic state updates, caching strategies to reduce API calls, resilient connection handling with retries for failed HTTP calls, granular error handling at the component level, and custom fallback UI per component. Overall, the Talk emphasizes the evolving frontend architectures and the necessity of adapting to changes in data structures and technologies.

serverless

Shipping AI Under Constraints: Build, Buy, or Kill

TechLead Conf London 2025: Adopting AI in Orgs Edition

8 min

Shipping AI Under Constraints: Build, Buy, or Kill

Dave Glencross

Capital on Tap

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

deep dive

Next.js Adapters: Build Once, Deploy Everywhere

React Summit 2025

7 min

Next.js Adapters: Build Once, Deploy Everywhere

JJ Kasper

Vercel

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

next.js

Divide and Conquer? - Exploring the 'JS0' and 'JSSugar' Proposal for JavaScript Evolution

JSNation 2025

5 min

Divide and Conquer? - Exploring the 'JS0' and 'JSSugar' Proposal for JavaScript Evolution

Daniel Hervás

Reckon Digital

JS 0 and JS Sugar proposal for JavaScript evolution. Complexity abstraction to engines. Splitting language into JS0 and JSugar. Lessons learned from developers' concerns and users' preferences. Involvement in shaping JavaScript ecosystem.

web standards

Using Spec-Driven Development for Production Workflows

JSNation US 2025

7 min

Using Spec-Driven Development for Production Workflows

Erik Hanchett

AWS

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

artificial intelligence

React for Good: Creating Inclusive, Secure, and Scalable Applications in Emerging Markets

React Summit 2025

5 min

React for Good: Creating Inclusive, Secure, and Scalable Applications in Emerging Markets

Innocencia Ndembera

Chip In Limited as Co-Founder and COO

Inosency Andembera, React developer, discusses using React for building scalable, secure, and inclusive applications for emerging markets like Malawi and Africa. Addressing challenges of Internet connectivity, device limitations, security concerns, and inclusivity for first-time Internet users. Utilizing React for performance, security, and inclusion in emerging markets through code splitting, lazy loading, authentication, input validation, multiple language support, and simple UIs. Highlighting React's features in enhancing inclusion by addressing challenges in emerging markets, such as limited digital literacy, creating simple UIs, supporting multiple languages, internationalization, step-by-step UIs, and semantic HTML for accessibility. Zunga, a financial platform in Malawi, showcases React's benefits in addressing financial service gaps, scalability, offline support, and security enhancements.

case study web development

Latest

Transforming Your Tech Interviews in the AI Agent Age

TechLead Conf London 2025: Adopting AI in Orgs Edition

11 min

Transforming Your Tech Interviews in the AI Agent Age

Anna J McDougall

Author "You Belong in Tech: How to Go from Zero Programming Knowledge to Hired"

Anna McDougal, director of engineering operations at Blinkist, presents the McDougal method for technical interviews aiming to improve their effectiveness by leveraging emerging technologies. The challenges in technical interviews involve the inadequacy of measuring the right skills through traditional methods like DSA problems and take-home tests. The speaker questions the necessity of perfection in engineering hires and emphasizes problem-solving skills over perfection, especially with AI tools. Hiring criteria are evolving with a focus on attitude alignment and cultural addition rather than just fit. Maximizing value in hiring involves seeking candidates with aligned goals and the necessary toolkit for the job. Ensuring technical interviews reflect actual job conditions and tool usage is crucial, and encouraging experimentation and feedback on proposed methods is essential for improvement.

career

AgentCraft: Putting the Orc in Agent Orchestration

AI Coding Summit 2026

10 min

AgentCraft: Putting the Orc in Agent Orchestration

Ido Salomon

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

best practices

Panel Discussion: Write Once, Render Anywhere

React Advanced 2025

33 min

Panel Discussion: Write Once, Render Anywhere

4 authors

Taz Singh, experienced JavaScript developer, recalls early struggles with JavaScript for video games. Transitioned to React development after initial skepticism. Explored React Native for mobile app development and React Native web. Introducing Nicola Corti, Jorge, and Swan from React teams. Swan questioned on moving from React to Linx. Discussion on React, Linx, and shared experiences. Discussing the challenges and importance of open source advocacy and aligning internal priorities with external ecosystem growth at big tech companies like Meta and ByteDance. Discussing the alignment of internal priorities with external ecosystem growth and the challenges faced in open-sourcing technologies at ByteDance and Meta. React Native's focus on React, combined with efforts to make web technologies work effectively, showcases diverse perspectives in enhancing technology solutions and fostering collaborative learning. Amazon's groundbreaking shipping of React Native, coupled with a democratic approach to React's evolution, signals the next chapter for the ecosystem and community. AI's impact on cross-platform development, the use of agents for React and React Native, and challenges in maintaining app parity between platforms. AI's role in UI frameworks evolution and the importance of human-centric design for AI integration, gratitude for open-source contributions.

cross-platform

Building & Monetizing a React Native App for Three Platforms in 20 Minutes

React Advanced 2025

20 min

Building & Monetizing a React Native App for Three Platforms in 20 Minutes

Perttu Lähteenlahti

RevenueCat

Perttu demonstrates monetizing a React Native app for multiple platforms, covering challenges and project setup. Revenue Cat simplifies app monetization by handling subscriptions across platforms. The process involves configuring app stores, setting entitlements, and integrating SDK for gated access. Implementation includes building the app for iOS, checking user subscription status, and managing purchases and subscriptions. Testing subscription flow on the web app with Stripe payment portal provides insights into user interactions.

react native

One Config File To Rule Them All

Node Congress 2026

19 min

One Config File To Rule Them All

Marco Ippolito

Member of Node.js Technical Steering Committee

Marco Ippolito discusses the complexities of configuring NodeJS features and the need for a centralized config file. He explains the challenges of managing multiple flags for different features and demonstrates how to enhance developer experience by using specific flags to address TypeScript integration and testing procedures. The text discusses the challenges of managing multiple configuration flags in NodeJS and introduces the concept of using node options as an alternative to passing numerous flags directly after the node command. Node options provide a solution for managing configuration flags in NodeJS, simplifying the command structure and enabling the use of .mfile for configuration settings. I sent a PR to introduce the experimental config file feature in Node.js, including two major flags: experimental default config file and experimental config file, allowing customization of configuration settings through JSON files with version-matched schemas for IDE support and auto-completion. V8 flags in Node.js provide customization options, with a priority hierarchy among CLI, Node options, and config files, excluding no-op flags. Node 25 introduces new namespaces for test configuration, watch settings, and permissions, simplifying the configuration process and enhancing developer experience. Node.js JSON configuration offers convenience with a built-in JSON parser and plans for more namespaces and explanatory text in the JSON schema to simplify configuration management.

tooling

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

Unlocking the Power of the Dependency Graph

Node Congress 2026

19 min

Unlocking the Power of the Dependency Graph

Ruy Adorno

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

Rui Adorno emphasizes the power of dependency graphs in JavaScript projects, highlighting the underutilized graph structure and the importance of understanding metadata. The discussion delves into advanced dependency selector syntax, integrating query language with VLT client for updates and additions, running tests, and updating versions. The exploration of VLT client features includes secure package installs, phased installation processes, and DSS capabilities. Multi-project package filtering is expanded through DSS query language with a host local selector for benefits like script inspection and AI agents.

node.js

Creating a Test Runner: What Happens Behind the Tests?

Node Congress 2026

17 min

Creating a Test Runner: What Happens Behind the Tests?

Weslley Araújo

weslley.io

Hey everyone, Wesley introduces unique cache runners. Creating a test runner from scratch to understand application workings with different models like BAM and Gnu. Testing scenarios reveal errors with Node.js and model definitions. BAM issues arise from gestures and mishbang conflicts while running tests. Isolation problems occur as gest loses context between runtimes. Common conflicts in test processing modes affect CLI projects and workers, posing challenges for project maintenance and runtime compatibility. Complexity of test dependencies across various runtimes challenges test runners. Emphasis on precise testing aligned with JavaScript coding philosophy. Configuration complexities for beginners in setting up tests with specific extensions and experimental features. Understanding Jest behavior and challenges in aligning test flows with JavaScript. Confusion for beginners in test execution sequencing and expectations. Importance of creating boilerplates for test execution control. Creating a custom test runner to support different runtimes and simplify testing processes. Importance of understanding the challenges faced by junior developers in test setup. Implementing a procedural approach to test execution across various runtimes. Creating subprocesses to run files across various runtimes, ensuring tests run consistently. Implementing a test executor to handle runtimes and subprocess creation efficiently. Enhancing performance by managing test files, concurrency, resource allocation, and memory usage. Introducing assert in testing for user simplicity and efficient reporting. Emphasizing developer experience and the philosophy behind project creation.

developer experience

Metrics That Actually Matter: Evaluating AI Agents Beyond Success Rate

AI Coding Summit 2026

16 min

Metrics That Actually Matter: Evaluating AI Agents Beyond Success Rate

John Robert

Senior Data and AI platform at Enerparc AG

John Robert, Lead Data and AI Platform Engineer, discusses evaluating AI agents beyond success rate. Talks about failures of AI projects, the uniqueness of AI agents, and the evaluation process. Creating a Framework for AI Agent Evaluation: Four Evaluation Categories - performance, business, safety, and cost. Metrics creation to enhance AI projects. Includes task completion rates, reasoning quality, accuracy evaluation, tool execution, response time, and recovery time checks. Examining KPIs, Safety, Security, and Cost in AI Agent Projects: Consider ROI, user satisfaction, time-saving, code review, adoption, engagement, risk, regulations, unauthorized actions, and cost efficiency. Checking Infrastructure and Security Metrics: Evaluate project reliability, online presence, errors, resources, prompt injection, data leakages, authorized actions, tool usage.

machine learning

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

Popular

Svelte 5: North Star

JSNation US 2024

29 min

Svelte 5: North Star

Top Content

Rich Harris

Svelte Creator

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

svelte

Handling Breaking Changes in GraphQL

GraphQL Galaxy 2022

22 min

Handling Breaking Changes in GraphQL

Top Content

Kadi Kraman

Expo

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

graphql api development

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

React Advanced 2022

81 min

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

Top Content

Featured Workshop

3 authors

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

react react native react native flashlist

Multithreaded Logging with Pino

JSNation Live 2021

19 min

Multithreaded Logging with Pino

Top Content

Matteo Collina

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

Today's Talk is about logging with Pino, one of the fastest loggers for Node.js. Pino's speed and performance are achieved by avoiding expensive logging and optimizing event loop processing. It offers advanced features like async mode and distributed logging. The use of Worker Threads and Threadstream allows for efficient data processing. Pino.Transport enables log processing in a worker thread with various options for log destinations. The Talk concludes with a demonstration of logging output and an invitation to reach out for job opportunities.

node.js observability

How to Build CI/CD Pipelines for a Microservices Application

DevOps.js Conf 2021

33 min

How to Build CI/CD Pipelines for a Microservices Application

Top Content

Sasha Rosenbaum

Red Hat

This Talk discusses the benefits of microservices and containers for building CI-CD pipelines. It explains how container technology enables portability and scalability. The challenges of microservices include network communication and testing in isolation. The Talk introduces Tacton, a cloud-native CICD pipeline for Kubernetes, and highlights the use of GitOps and Argo CD. It also discusses the importance of maintaining referential integrity between microservices and the evolving role of operators in the DevOps world.

microservices ci cd devops

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 react fiber architecture react composition programming concepts

Frontend’s Lost Decade and the Performance Inequality Gap

JSNation 2025

32 min

Frontend’s Lost Decade and the Performance Inequality Gap

Top Content

Alex Russell

A key contributor to ES6, Service Workers and Web Components. The Partner PM for Edge at Microsoft and Blink API owner.

Alex Russell's journey from engineering to product management, the focus on improving web experiences, and optimizing software for end-user success. Considerations include device performance, web diversity, and API constraints. Challenges of web platforms encompass hardware and network limitations, prioritizing user experience. Understanding the impact of Moore's Law on device performance and adapting browsers for efficiency. Emphasis on code optimization, user-focused development, and quality in web UI. Addressing challenges in PWA success, developer learning, and balancing frameworks with platform understanding.

Using CodeMirror to Build a JavaScript Editor with Linting and AutoComplete

React Day Berlin 2022

86 min

Using CodeMirror to Build a JavaScript Editor with Linting and AutoComplete

Top Content

Workshop

2 authors

Using a library might seem easy at first glance, but how do you choose the right library? How do you upgrade an existing one? And how do you wade through the documentation to find what you want?
In this workshop, we’ll discuss all these finer points while going through a genera...

build tools javascript

Network Requests with Cypress

TestJS Summit 2021

33 min

Network Requests with Cypress

Top Content

Cecelia Martinez

Ionic

Cecilia Martinez, a technical account manager at Cypress, discusses network requests in Cypress and demonstrates commands like cydot request and SCI.INTERCEPT. She also explains dynamic matching and aliasing, network stubbing, and the pros and cons of using real server responses versus stubbing. The talk covers logging request responses, testing front-end and backend API, handling list length and DOM traversal, lazy loading, and provides resources for beginners to learn Cypress.

testing cypress

Full-stack & typesafe React (+Native) apps with tRPC.io

React Advanced 2021

6 min

Full-stack & typesafe React (+Native) apps with tRPC.io

Top Content

Alexander Johansson

The creator of tRPC

Alex introduces tRPC, a toolkit for making end-to-end type-safe APIs easily, with auto-completion of API endpoints and inferred data from backend to frontend. tRPC works the same way in React Native and can be adopted incrementally. The example showcases backend communication with a database using queries and validators, with types inferred to the frontend and data retrieval done using Prisma ORM.

react typescript trpc with react native backend developer experience patterns trpc react native fullstack

JavaScript

Temporal: The Curious Incident of the Wrong Nighttime

JSNation 2025

25 min

Temporal: The Curious Incident of the Wrong Nighttime

Philip Chimento

Igalia, S.L.

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

javascript browser api tc39 web standards

10 Years of Best of JS

JSNation 2025

28 min

10 Years of Best of JS

Michael Rambeau

Creator of Best of JS and JS Rising Stars projects.

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

javascript

React

Panel Discussion: The State of React

React Summit 2025

35 min

Panel Discussion: The State of React

7 authors

Panelists introduced themselves and discussed React Server Components (RSCs), exploring usage in production and alternative frameworks. Challenges of adopting RSCs and benefits of universal data fetching were highlighted. The complexities of implementing RSCs were discussed, emphasizing the need for better integration. The potential of server components for composability and evolving architecture was explored. The React compiler's impact on performance optimization and component re-rendering was examined. Discussions included enhancing React with compiler features, evolving feature sets, and reimagining state management. Improvements in communication, community engagement, and dependency management within the React ecosystem were emphasized. Recommendations for managing dependencies, component performance, and audience appreciation were shared.

react

TDD in Frontend

React Summit 2025

121 min

TDD in Frontend

Workshop

Aleksandr Shinkarev

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

react

Suspenseful Component Composition

React Summit US 2025

12 min

Suspenseful Component Composition

Simeon Griggs

Sanity

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

react

How to React Compiler

React Summit 2025

20 min

How to React Compiler

Top Content

Anton Nepsha

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

react

Plug and Play Design: Building Extendable React Applications

React Summit US 2025

29 min

Plug and Play Design: Building Extendable React Applications

Mateusz Jagodziński

Workflow Builder

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

react

The State of React and the Community in 2025

React Summit 2025

29 min

The State of React and the Community in 2025

Mark Erikson

Replay.io

Mark Erickson discusses the state of React in 2025, React community debates on React's direction and misconceptions, React's shift towards client-side frameworks and SSR emphasis, React's feature development process at Meta and Vercel, controversy around Vercel's server components involvement, tight relationship between React and Next, React team's emphasis on frameworks for app performance, critique of React's heavy-handed framework recommendation, React team's delay in adding VEET as a recommended tool, challenges with server components' origins and communication, no official signals support planned for React 19, social media impact on React development decisions, React community diversity and server components usage insights, React's evolving black box concept and tradeoffs discussed.

react

React Beyond the DOM

React Summit US 2025

27 min

React Beyond the DOM

Erik Rasmussen

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

react

The State of React

React Summit 2025

26 min

The State of React

Sacha Greif

Devographics

Introduction to the State of React survey and the history of developer surveys. Detailed analysis of survey results, user demographics, and job titles. Examination of React API trends, user sentiment towards APIs, and new API challenges. Analysis of React library satisfaction, particularly with Next.js. Discussion on React state management and data loading, including pain points. Insights on React library usage patterns and application trends. Key takeaways include staying calm, appreciating foundational React elements, and relying on data for a balanced view.

react

Our Own React Global State Manager in Less Than 50 Lines of Code

React Summit 2025

26 min

Our Own React Global State Manager in Less Than 50 Lines of Code

Top Content

Miguel Ángel Durán

midudev

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

react

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

React Advanced 2025

27 min

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

Wyatt Johnson

Vercel

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

react performance next.js frontend server cache react server components

Free workshops

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

Node Congress 2026

73 min

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

WorkshopFree

Confidence Okoghenun

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

artificial intelligence

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

AI Coding Summit 2026

34 min

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

WorkshopFree

Paige Bailey

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

best practices

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

AI Coding Summit 2026

53 min

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

WorkshopFree

2 authors

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

artificial intelligence

Hands-On Guide to Secure AI-Driven Coding

AI Coding Summit 2026

52 min

Hands-On Guide to Secure AI-Driven Coding

WorkshopFree

Gil Friedman

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

best practices artificial intelligence

Ship a Production Voice Agent: A Hands-on Workshop

AI Coding Summit 2026

49 min

Ship a Production Voice Agent: A Hands-on Workshop

WorkshopFree

Shifra Williams

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

web apps

Build Your Dream Extensions with AI

AI Coding Summit 2026

87 min

Build Your Dream Extensions with AI

WorkshopFree

Brittany Joiner

In this interactive workshop, you’ll build a working internal browser extension you and your team can use to share context across apps you use daily. We’ll start with a practical, real-world example: a web clipper that you’ll customize to send content from GitHub to your team’s communication tool...

artificial intelligence

Using Sandboxes to Safely Execute Untrusted or Dynamic Code

AI Coding Summit 2026

76 min

Using Sandboxes to Safely Execute Untrusted or Dynamic Code

WorkshopFree

Craig Dennis

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

The works...

case study

Building AI workflow editor UI in React with Workflow Builder SDK

React Summit US 2025

141 min

Building AI workflow editor UI in React with Workflow Builder SDK

WorkshopFree

Łukasz Jaźwa

Join us to learn how to build your own Zapier-like interface in days, not months. Discover how to save 1,000+ hours of design and coding upfront, building a complex workflow editor UI from scratch. Customize it for AI orchestration, automations, business processes visualization and other real-wor...

artificial intelligence UX UI

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

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

React Advanced 2025

109 min

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

WorkshopFree

Greg Brimble

In this workshop, we will incrementally augment an existing React application with AI. I'm sure most of you probably already maintain a React app, so rather than starting from the ground-up, let's take something that already works, and develop some patterns for adding practical, real-world AI fea...

artificial intelligence