Upcoming events
React Advanced 2026
React Advanced 2026
Oct 23 - 26, 2026
JSNation US 2026
JSNation US 2026
Nov 16 - 19, 2026
React Summit US 2026
React Summit US 2026
Nov 17 - 20, 2026
TechLead Conf London 2026: Adopting AI in Orgs Edition
TechLead Conf London 2026: Adopting AI in Orgs Edition
Oct 23, 2026
AI Coding Summit NYC
AI Coding Summit NYC
Nov 16 - 19, 2026
React Day Berlin 2026
React Day Berlin 2026
Dec 4 - 7, 2026
AI Coding Summit Berlin
AI Coding Summit Berlin
Dec 4 - 7, 2026
React Summit Asia
React Summit Asia
Apr 14 - 19, 2027
JSNation 2027
JSNation 2027
May 20 - 24, 2027
Web Development insights directly from framework authors and early adopters.
Talks from our events
AI Coding Summit London
AI Coding Summit London
Jul 6 - 7, 2026
React Summit 2026
React Summit 2026
Jun 11 - 16, 2026
JSNation 2026
JSNation 2026
Jun 11 - 15, 2026
Web Engineering Summit 2026
Web Engineering Summit 2026
Jun 11 - 15, 2026
TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
TechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
Jun 11, 2026
Node Congress 2026
Node Congress 2026
Mar 26 - 27, 2026
AI Coding Summit 2026
AI Coding Summit 2026
Feb 26 - 27, 2026
TechLead Conf London 2025: Adopting AI in Orgs Edition
TechLead Conf London 2025: Adopting AI in Orgs Edition
Nov 28, 2025
React Advanced 2025
React Advanced 2025
Nov 27 - Dec 1, 2025
React Summit US 2025
React Summit US 2025
Nov 18 - 21, 2025
JSNation US 2025
JSNation US 2025
Nov 17 - 20, 2025
AI Coding Summit 2025
AI Coding Summit 2025
Oct 23 - 24, 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...

Spanish translations for 2000+ React and JavaScript talks from GitNation

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

Top ideas

Why is the Expo pre-build command important?

The Expo pre-build command is important because it generates the necessary native folders (iOS and Android) and allows developers to use native modules, thus enabling the creation of standalone apps that do not depend on the Expo Go client.

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 the main goal of Transformers JS?

The main goal of Transformers JS is to bring state-of-the-art pre-trained models directly to the web and browsers, allowing easy integration of machine learning functionality into web applications.

Can Redux be used with server-side rendering (SSR)?

Yes, Redux can be used with server-side rendering (SSR). You can create a Redux store for each request, dispatch actions to fetch data, and then pass the serialized state to the client for hydration. However, whether to use Redux for SSR depends on the specific needs of your application.

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

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

What are the advantages of buying an authentication solution?

Buying an authentication solution provides a ready-made, secure, and scalable system maintained by experts. It offers enterprise-level security features and reduces the burden on your team, as security patches and feature enhancements are handled by a dedicated team.
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
Boost the Performance of Your WebGL Unity Games!
JS GameDev Summit 2023JS GameDev Summit 2023
7 min
Boost the Performance of Your WebGL Unity Games!
Top Content
The Talk discusses ways to boost the performance of WebGL Unity games, including issues with bundle size, memory usage, and runtime performance. It suggests using Brotli for compression and non-exception support for better performance. Choosing the appropriate texture compression format and experimenting with separate builds can also help. The Talk also covers optimizing textures, models, audio, and assets by reducing build size, using compression, disabling unnecessary models, and optimizing audio quality. Unity's optimization tools and profilers are recommended for analyzing performance and memory issues.
React Native as a Gaming UI System in Unreal Engine
React Advanced 2025React Advanced 2025
20 min
React Native as a Gaming UI System in Unreal Engine
Talk on React Native as a Gaming UI System in Unreal Engine, covering the integration journey, importance in mobile app development, and current methods of game UI creation. Innovative approach of rendering UI in games using a browser headlessly onto a texture. Challenges and benefits of using React Native for game UIs, including handling JavaScript overrides and showcasing a demo. Exploration of applying shaders to React Native UI in a gaming context and invitation to engage with React Native on Unreal Engine for future game development.
Supercharge Your Debugging With the New Features in Chrome Devtools
JSNation 2025JSNation 2025
29 min
Supercharge Your Debugging With the New Features in Chrome Devtools
Barry Pollard
Ewa Gasperowicz
2 authors
Eva and Bari introduce the complexity of web development and emphasize the evolving nature of DevTools, discussing productivity gains through new features. The talk covers performance debugging enhancements and user-friendly changes in the performance panel. Live metrics screen offers real-time insights, integrating real user data for performance comparison. Configuring DevTools for accurate user emulation and leveraging performance trace capabilities for debugging. Enhancing user experience with AI insights and visual assistance, setting up AI workspace in DevTools. Addressing data privacy concerns and AI usage control. Chrome DevTools API and Gemini model enhancements, AI features specific to Chrome, web sockets throttling, and AI agent probing in performance context.
AI Reviews AI – Closing the Loop in Agentic Development
AI Coding Summit LondonAI Coding Summit London
28 min
AI Reviews AI – Closing the Loop in Agentic Development
AI-generated code is becoming the norm, but who reviews the reviewer? In this session, we explore how to close the feedback loop by letting AI agents review AI-written code. We'll look at local agent setups as well as cloud-based services like GitHub Copilot code review or Greptile, and discuss w...
The UI That Builds Itself: Exploring the Generative Front-End
React Summit 2026React Summit 2026
28 min
The UI That Builds Itself: Exploring the Generative Front-End
Kiko explores the concept of Dynamic User Interfaces generated by AI based on user prompts and challenges traditional UI generation by focusing on user needs. The implementation involves structuring dynamic UI with LLM calls and enhancing interaction through forms and client state embedding. The talk covers implementing dynamic UI features, utilizing a custom design system, enabling dynamic UI generation by LLM, and discussing use cases and transitions to dynamic UI. It also addresses testing challenges, ensuring user experience through context-based data, and the importance of building reliable AI systems to avoid model hallucination.
Not Your Everyday Tech Lead: What Does It Mean To Be TL in a Lean Software Company?
C3 Dev Festival 2024C3 Dev Festival 2024
20 min
Not Your Everyday Tech Lead: What Does It Mean To Be TL in a Lean Software Company?
The Talk discusses the role of a tech lead in a lean software company and the challenges they face. It emphasizes the importance of problem-solving and continuous improvement in software development. The speaker shares their personal struggles as a tech lead and the need to prioritize between being a maker and a manager. The Talk also highlights the significance of identifying root causes and solving problems to prevent future issues. Overall, it provides insights into the role of a tech lead and the role problem solving plays in creating optimal conditions for developers.
lynx-ui: Best Lynx in Components
React Advanced 2025React Advanced 2025
30 min
lynx-ui: Best Lynx in Components
Xuan Huang
Zhou Fang
2 authors
Shun discusses challenges in building React components for production, especially for mobile web; explores building complex mobile apps like TikTok with LYNX technology; introduces Lynx UI components for native user experiences; showcases customizable interactions with Lynx UI, including custom animation with MTS logic; demonstrates building composable dialog components and customizable design integration; extends Design System to TikTok with MotionJS adaptation and sponsorship announcement; introduces LYNX UI Theme LUNA and upcoming multi-platform app release.
Why Your Performance Work Is Not Seen
JSNation 2024JSNation 2024
25 min
Why Your Performance Work Is Not Seen
This Talk discusses the importance of performance work and how to drive performance governance. It emphasizes the need to frame data, set meaningful budgets, and understand both engineering and product perspectives. The Talk also highlights the significance of delivering value, establishing solid performance governance, and gaining buy-in from management. Additionally, it emphasizes the importance of measuring performance, optimizing through data, and collecting performance data using tools like Speedcurve and Bugbear Sentry. The speaker also mentions their training program and expresses gratitude towards the audience.
Build and Customize a Node-Based Workflow Builder With React
React Summit 2025React Summit 2025
140 min
Build and Customize a Node-Based Workflow Builder With React
WorkshopFree
Łukasz Jaźwa
Łukasz Jaźwa
Node-based user interfaces offer an intuitive and powerful way to represent complex data flows and processes. In this interactive 3-hour workshop, you’ll learn how to create engaging diagram UIs using React and the popular React Flow library. We’ll start by exploring key libraries for creating cu...
What RSCs Can Do in Next.js Today
React Summit 2026React Summit 2026
36 min
What RSCs Can Do in Next.js Today
Aurora discusses the journey of React Server Components in Next.js, emphasizing the importance of composability and scalability. The shift to server-side data fetching with enhanced composability and declarative nature is explored. The significance of self-contained components for fast server-side data fetching and improved user experience is highlighted. NextGIS app router is discussed for enhanced performance and optimized data caching. Version 16 introduces cache components for optimized data caching and instant navigations. Improvement in user experience with Next 16.3 through app shells, partial prefetching, and instant insights is emphasized. The talk also covers new components and features for server-side rendering, optimizing loading speed, animations, and playlist integration in Next.js.
Featured
Short takes
Garbage Collection Between V8, cppgc (Oilpan), and Native Runtimes
Node Congress 2026Node Congress 2026
9 min
Garbage Collection Between V8, cppgc (Oilpan), and Native Runtimes
Today's presentation delves into garbage collection challenges in JavaScript and native code, highlighting the impact on memory leaks and bugs. V8's implementation of minor and major garbage collection is discussed. The evolution of memory management in runtimes, including Node.js and Deno, is explored, emphasizing the shift towards automatic cleanup and improved performance. The complexity of runtime memory management, especially in handling CPP objects and bridging with workers, is outlined. Key points include the efficiency gains from generational garbage collection and the importance of migrating away from certain memory management practices for enhanced runtime performance.
Framework Native Rendering Without Code Duplication?
React Summit 2026React Summit 2026
6 min
Framework Native Rendering Without Code Duplication?
Talking about an experiment in Agigrid to render to multiple frameworks without duplicating code. Exploring MVC approach for structuring code base and handling view complexity efficiently. Exploring new ways to structure view logic and render components efficiently across frameworks within Agic Grid experiment.
Ensuring Quality with AI
TechLead Conf Amsterdam 2026: Adopting AI in Orgs EditionTechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
7 min
Ensuring Quality with AI
Richard Rodenkemper, senior software engineer at Sentry, discusses ensuring quality with AI. GitHub data shows exponential growth in coding. Concerns arise about the reliability of coding agents versus human engineers. Impact of AI and Cloud on code production and app quality is questioned. Challenges in code reliability despite increased production are highlighted. AI as a quality tool in software development. Importance of reliability for product success highlighted. AI's strengths in handling data and searching code base discussed. Examples of AI usage in code reviews and quality assurance at Sentry shared. AI efficiency in endpoint deprecation and system updates highlighted. AI's assistance in migrating design systems and reducing notifications using Cloud Code emphasized.
Taming the Flicker: Firebase Patterns for React Server Components
React Summit 2026React Summit 2026
7 min
Taming the Flicker: Firebase Patterns for React Server Components
Rosario from Firebase highlights challenges of client-side development and Firebase solutions like server app for authentication. Firestore's offline cache and real-time updates improve user experience. Updating UI to prevent authentication flickers and optimizing real-time components with onSnapshotResume and feature flagging. Introducing Firebase App Hosting and SQL Connect for server-side rendering and SQL database integration, with upcoming Crashlytics for web.
From TV to Touch: How We Made React UI Work Across Every Input Mode
React Summit US 2025React Summit US 2025
5 min
From TV to Touch: How We Made React UI Work Across Every Input Mode
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.
Video Optimization for the Web: The Missing Piece in Lighthouse
React Summit US 2025React Summit US 2025
7 min
Video Optimization for the Web: The Missing Piece in Lighthouse
Rahul introduces video optimization principles, emphasizing modern formats, compression, bitrate reduction, and lazy loading. ImageKit simplifies video loading by compressing videos significantly and adapting to network conditions. Pausing videos when not in view saves data costs and enhances user experience.
Shipping AI Under Constraints: Build, Buy, or Kill
TechLead Conf London 2025: Adopting AI in Orgs EditionTechLead Conf London 2025: Adopting AI in Orgs Edition
8 min
Shipping AI Under Constraints: Build, Buy, or Kill
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.
Debugging Performance With AI
JSNation 2026JSNation 2026
6 min
Debugging Performance With AI
The talk explores using AI to address challenges in rendering performance optimization, highlighting the potential of tools like Chrome developer tools MCP. Leveraging AI with these tools can streamline the process and flatten the learning curve for developers. The approach of isolating performance issues through commit analysis, including systematic testing and synthetic stress tests, is emphasized as a practical method to identify and resolve rendering performance issues effectively.
From Experiment to Enterprise: Scaling AI Coding Assistants Across Engineering Teams
TechLead Conf London 2025: Adopting AI in Orgs EditionTechLead Conf London 2025: Adopting AI in Orgs Edition
9 min
From Experiment to Enterprise: Scaling AI Coding Assistants Across Engineering Teams
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.
I Did Everything Wrong So You Don't Have To
React Summit 2026React Summit 2026
6 min
I Did Everything Wrong So You Don't Have To
Angel from ImageKit demonstrates the use of MCPs to improve image and video performance on React websites. The Chrome Developer Tools MCP helps identify and address performance issues by analyzing image loading speeds. MCPs automate issue resolution on websites, leveraging Chrome developer tools for analysis and Image Kit for optimizing images efficiently.
Latest
Building an Agentic Skill with MCP Tools
AI Coding Summit LondonAI Coding Summit London
61 min
Building an Agentic Skill with MCP Tools
Workshop
Misha Kazakov
Misha Kazakov
AI coding assistants are evolving from simple autocomplete to autonomous agents that can interact with external systems. But how do you teach an agent to follow your workflows and use the right tools at the right time?In this hands-on workshop, you'll discover:What MCP (Model C...
Pocket Guide to Seniority
React Summit 2026React Summit 2026
25 min
Pocket Guide to Seniority
The Talk discusses the significance of communication, problem-solving, and ownership for senior engineers in software development. It emphasizes the importance of ego management, learning from mistakes, and embracing simplicity for growth and improvement. The key points focus on balancing ownership, avoiding overcomplication, and prioritizing fundamentals and craftsmanship over trendy tools in programming.
Learnings From 100+ Experiments Comparing LLMs for AI Coding
AI Coding Summit LondonAI Coding Summit London
28 min
Learnings From 100+ Experiments Comparing LLMs for AI Coding
On my YouTube channel AI Coding Daily, I've published 100+ videos comparing different models for coding: Opus vs GPT, Kimi vs GLM, New vs Older versions, Effort Medium vs High, etc. Now I see clear patterns for evaluating models and deciding which one to choose for specific tasks and projects.
The Last Software Engineer
AI Coding Summit LondonAI Coding Summit London
21 min
The Last Software Engineer
I'm not here to tell you software engineering is ending soon. Nobody can put a reliable date on that, and pretending otherwise is a distraction. But we also have to admit something humbling: a year ago, most of us would not have predicted coding agents would be this good. That should make u...
Automating Mobile QA with Cloud Agents
AI Coding Summit LondonAI Coding Summit London
17 min
Automating Mobile QA with Cloud Agents
This talk shows how to design and operate QA agents that run against real iOS and Android devices hosted remotely. We’ll cover the architecture of a reliable agent, connecting Linux-based infrastructure to mobile devices running on macOS, and integrating outputs like screenshots, recordings, and...
Think Like a Tester: What to Look For in AI-Generated Code
JSNation 2026JSNation 2026
16 min
Think Like a Tester: What to Look For in AI-Generated Code
Developers and QA engineer Wendy discuss the challenges in development and testing, using John's experience as an example. John encounters challenges with expired coupons affecting the checkout process and sprint deadlines. Developers and testers have complementary perspectives in software development; introducing the concept of QAI for enhanced quality assurance and collaboration. The QAI introduces a new perspective to code development, focusing on thorough alignment and error scanning for enhanced quality assurance. The importance of code alignment in development, the consequences of silent failures, and the necessity of handling potential hidden failures with a security-focused approach. AI builds fast and trusts everything, teaches suspicion, identifies trust gaps, and addresses accessibility failures for a secure code environment. Every team has patterns to anticipate, leveraging skills for immediate help, and focusing on effectiveness and protection in AI development. John and I collaborate using QAI to enhance code effectiveness, prioritize code alignment, fix contradictions, and address hidden failures effectively. Ship clean code timely, find bugs early to save time and trust. AI and QAI enhance speed and safety in development. Wendy emphasizes the importance of detecting bugs early and the impact on user trust and deadlines.
React Bits: The Art of Standout UI
React Summit 2026React Summit 2026
21 min
React Bits: The Art of Standout UI
David, creator of React Bits, shares insights on designing standout UI components, emphasizing the importance of distinct interfaces without being noisy. ReactVids focuses on creating reusable visual moments for developers, ensuring standout UI accessibility. Community-driven evolution of React Bits prioritizes customization, usability, and key UI qualities. Magic Rings exemplifies the balance and purpose needed in UI components. The versatility of Magic Rings showcases the importance of a flexible visual system. Exploring shaders enhances the control and visual richness of Magic Rings. Leveraging shader uniforms enables dynamic visual effects in React components. Real creative controls in component design emphasize meaningful customization. Strategic props play a crucial role in reusable creative component development. The philosophy of React Bits focuses on easy adoption, customization, and providing a strong starting point for distinct interfaces. ReactVids aims to create memorable, intentional, and unique user moments in UI design.
From One Repo to Hundreds: Building an AI Agent Fleet for Large-Scale Code Migrations
AI Coding Summit LondonAI Coding Summit London
30 min
From One Repo to Hundreds: Building an AI Agent Fleet for Large-Scale Code Migrations
When you need to apply the same change across hundreds of repositories, manual PRs don't scale and traditional codemods can't handle the unexpected. In this talk, I'll walk through the engineering journey from building a single-repo migration skill to deploying a fleet of parallel AI agents that...
From Prompting to Orchestrating: Coding Is Now a System
AI Coding Summit LondonAI Coding Summit London
26 min
From Prompting to Orchestrating: Coding Is Now a System
We thought AI would help us write code faster. Instead, it's changing what coding actually is.
We started with prompts, then copilots, then agents. Each step felt like a leap forward — until you try to build something real at scale.Because prompts don’t remember.
Agents don’t coo...
Agentic Interfaces: Tools, Skills, Generative UI and Web MCP
Web Engineering Summit 2026Web Engineering Summit 2026
31 min
Agentic Interfaces: Tools, Skills, Generative UI and Web MCP
Wes discusses agentic interfaces and the changing interaction with the web. Exploring different software interfaces from UI-less to tailored interfaces and interconnected apps. Implementation options include generative UI with basic, declarative, and fully generative levels. Exploring the challenges of integrating unconventional components like wacky shopping lists and the need for a balance between dynamic and fully generative components in user interfaces. Exploring the shift from fast interactions to slower MCP interfaces, emphasizing the need for adaptive Smart Home systems and user-centric interfaces. Excitement about WebMCP, enabling extended website functionality through WebSemantics and imperative JavaScript API. Utilizing agents for enhanced website control, switching between Cloud and browser for varied experiences. Impact of evolving technology on business adaptation and the shift towards platform control. Discussion on the future of dynamic UI with user-driven component rendering and the importance of preserving the openness of the web amidst AI-driven application generation. Contemplation on the effectiveness of MCP-based interactions as AI companies transition to charging for services, hinting at potential cost implications in the near future.
Popular
React
Replacing Form Libraries With Native Web APIs
React Summit 2026React Summit 2026
17 min
Replacing Form Libraries With Native Web APIs
Jamin discusses the shift from using form libraries to native web APIs in React development, emphasizing the benefits of exploring web-native APIs before relying on libraries. The talk covers topics such as Constraint Validation API, React 19 form actions, and CSS pseudo-classes for form building without libraries. It highlights real-time validation, simplified form submission, and custom error handling in React forms. The importance of customizing error messages, setting up custom error handling, and optimizing form performance are also addressed, along with challenges and recommendations for utilizing web native APIs in form development.
Giving AI Agents Hands: Mobile Feedback Loops with Agent Device
React Summit 2026React Summit 2026
26 min
Giving AI Agents Hands: Mobile Feedback Loops with Agent Device
The speaker discusses the evolution of AI agent workflow in mobile development, emphasizing the importance of feedback loops and verification. They highlight the challenges of human involvement as agents dominate code production. Agent Device simplifies mobile automation by focusing on accessibility trees and text-based actions. The tool enhances app verification, debugging capabilities, and provides advanced features like network issue identification. Agent Device is versatile for CI setup, feedback loops, and visual regression detection. It supports real devices and offers capabilities for migrations and automation. Additionally, the speaker compares flakiness and TV platform support, showcasing performance improvements over traditional tools.
Modernizing Your React App: Compiler, useEffectEvent, Activity & Friends
React Summit 2026React Summit 2026
27 min
Modernizing Your React App: Compiler, useEffectEvent, Activity & Friends
Victor shares experiences inheriting codebase and explains the importance of React's updates for code cleanliness. Agenda includes React evolution, API usage, modernization playbook, and insightful discussions. React 19 impact on React's evolution towards a declarative model for state management and form handling. React's shift towards a declarative model, impacting form handling and state management with React 19 updates, including new APIs and the importance of the React compiler for efficient development. Using React compiler for efficient development and code simplification. Measuring code base changes with memorization hooks identification. Introducing user fact event API for dependency-free code. Handling state persistence challenges with the Activity API for seamless user experiences and resource management. Utilizing the Activity API for precise state management and resource optimization in React Native applications. Exploring powerful user cases: tabs example, pre-rendering, and back navigation benefits with the Activity API. Exploring the value of instant experiences with back navigation and code optimization through API adoption. Measuring success, avoiding AI dependence, and understanding the importance of learning for effective development. Addressing challenges post-AI era, emphasizing responsibility in learning, maintaining control, and ensuring security. Practical steps include using React compiler, auditing code for Activity API integration, and optimizing data flow for enhanced user experience.
Hands-on React Server Components, Server Functions, and Forms in the Next.js App Router
React Summit US 2025React Summit US 2025
125 min
Hands-on React Server Components, Server Functions, and Forms in the Next.js App Router
Workshop
Aurora Scharff
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 on the Edge
React Summit 2026React Summit 2026
17 min
React on the Edge
Welcome to React on the Edge with Amir Sami from S&C Electric exploring React applications for diverse Edge devices beyond browsers. The discussion covers deploying React apps to various Edge devices, addressing challenges like network stability and resource limitations, optimizing bundle size with Preact, and using Brotli compression for efficient web asset compression on Edge devices.
Mess to Modern: Refactoring a React Nightmare
React Summit 2026React Summit 2026
18 min
Mess to Modern: Refactoring a React Nightmare
Have you ever faced complex and messy React codebases? Caleb Garner shares a five-step playbook to transform a 900-line React component. Addressing systematic modularity and organization structure for better code management. Enhancing codebase structure by extracting business logic for testability and maintainability. Streamlining state and data management for robust codebases. Establishing predictable data handling with userReducer for structured state management. Optimizing component modularity for reusability and efficient data management. Emphasizing caller-controlled layout and streamlined development experience through five key principles.
Conquering React Concurrency
React Summit 2026React Summit 2026
25 min
Conquering React Concurrency
The talk at React Summit 2026 by Ariel covers the importance of React concurrency in improving user experience. It delves into the concepts of concurrency, contrasting it with parallelism, and emphasizes the historical relevance of efficient task handling, like the McDonald's kitchen design in 1942. Operating systems use round-robin scheduling for fair process execution. React 18 addresses user impatience and rendering challenges through concurrency. The evolution of React's rendering process from stack reconciliation to fiber reconciliation is highlighted, emphasizing the role of Suspense in managing work prioritization and background rendering efficiently.
From Segments to Suspense: The Future of Next.js Caching
React Advanced 2025React Advanced 2025
27 min
From Segments to Suspense: The Future of Next.js Caching
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.
Gotta Go Fast: React at 60 FPS
React Summit 2026React Summit 2026
16 min
Gotta Go Fast: React at 60 FPS
Rachel Kaufman discusses animating in React without libraries for high performance. Client project for the International Spy Museum involved facial recognition education using React. React's unconventional use for complex UI animation in museum exhibits. Optimizing animation performance in React with request animation frame and using canvas for drawing. Managing continuous animations in React for smooth transitions. Leveraging canvas and refs for drawing and direct DOM access in React. Implementing complex animations with refs and request animation frame in React. Using memo and request animation frame for preventing unnecessary re-renders. Automating React debugging with Chrome DevTools and performance analysis with console.time.
Suspenseful Component Composition
React Summit US 2025React Summit US 2025
12 min
Suspenseful Component Composition
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.
Free workshops
Personalisation Without the Price Tag - Local LLMs for JavaScript Developers
React Summit 2026React Summit 2026
108 min
Personalisation Without the Price Tag - Local LLMs for JavaScript Developers
WorkshopFree
Jo Franchetti
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...
Pear: Releasing Production P2P Apps
JSNation 2026JSNation 2026
54 min
Pear: Releasing Production P2P Apps
WorkshopFree
David Mark Clements
Mikkel Malmberg
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 2026React Summit 2026
66 min
No Servers, No Cloud, No Masters: Make P2P Apps with Pear
WorkshopFree
David Mark Clements
Mikkel Malmberg
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 2026Node Congress 2026
73 min
Building Model Context Protocol (MCP) Tools for AI Agents with Cloudflare Workers
WorkshopFree
Confidence Okoghenun
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...
Building with Gemini: AI Studio, Antigravity, and Google DeepMind's Latest Models
AI Coding Summit 2026AI Coding Summit 2026
34 min
Building with Gemini: AI Studio, Antigravity, and Google DeepMind's Latest Models
WorkshopFree
Paige Bailey
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...
"Hello World" on OpenShift AI: Training Your First Neural Network
AI Coding Summit 2026AI Coding Summit 2026
53 min
"Hello World" on OpenShift AI: Training Your First Neural Network
WorkshopFree
Legare Kerrison
Sawyer Bowerman
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.
Hands-On Guide to Secure AI-Driven Coding
AI Coding Summit 2026AI Coding Summit 2026
52 min
Hands-On Guide to Secure AI-Driven Coding
WorkshopFree
Gil Friedman
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...
Ship a Production Voice Agent: A Hands-on Workshop
AI Coding Summit 2026AI Coding Summit 2026
49 min
Ship a Production Voice Agent: A Hands-on Workshop
WorkshopFree
Shifra Williams
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...
Build Your Dream Extensions with AI
AI Coding Summit 2026AI Coding Summit 2026
87 min
Build Your Dream Extensions with AI
WorkshopFree
Brittany Joiner
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...
Using Sandboxes to Safely Execute Untrusted or Dynamic Code
AI Coding Summit 2026AI Coding Summit 2026
76 min
Using Sandboxes to Safely Execute Untrusted or Dynamic Code
WorkshopFree
Craig Dennis
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...