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

What are some trade-offs of using Redux?

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

What are the benefits of using a MonoRepo?

The benefits of using a MonoRepo include atomic changes, simplified code sharing, and a single set of dependencies. This facilitates faster development cycles, reduces integration issues, and simplifies project management across multiple teams or projects.

What is the ReactFlight protocol?

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

What is the new event loop in React Native?

The new event loop in React Native is part of the new architecture that allows for synchronous communication between JavaScript and native layers, improving performance and aligning React Native more closely with React DOM.
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
How I Taught LLMs How to Svelte
Web Engineering Summit 2026Web Engineering Summit 2026
33 min
How I Taught LLMs How to Svelte
The talk by Paolo Ricciuti introduces Svelte framework basics, syntax evolution in Svelte 5, challenges with LLMs in Svelte, Model Context Protocol (MCP) for LLMs, utilizing MCP for code verification, enhancements with Svelte MCP CLI, Svelte benchmark creation, integration of agent skills in node modules, Svelte adoption and DX differentiation, and Svelte autofixer and MCP linter.
Skill Design for LLM Agents
AI Coding Summit LondonAI Coding Summit London
24 min
Skill Design for LLM Agents
What makes an agent skill reliable, performant, and maintainable? We will explore a robust approach to skill design, starting with foundational best practices, moving into automated skill generation, and validation. The second half of the talk focuses on the critical role of evaluation, demonstra...
Best Practices and Advanced TypeScript Tips for React Developers
React Advanced 2022React Advanced 2022
148 min
Best Practices and Advanced TypeScript Tips for React Developers
Top Content
Featured Workshop
Maurice de Beijer
Maurice de Beijer
Are you a React developer trying to get the most benefits from TypeScript? Then this is the workshop for you.In this interactive workshop, we will start at the basics and examine the pros and cons of different ways you can declare React components using TypeScript. After that we will move...
Design Systems: Walking the Line Between Flexibility and Consistency
React Advanced 2021React Advanced 2021
47 min
Design Systems: Walking the Line Between Flexibility and Consistency
Top Content
The Talk discusses the balance between flexibility and consistency in design systems. It explores the API design of the ActionList component and the customization options it offers. The use of component-based APIs and composability is emphasized for flexibility and customization. The Talk also touches on the ActionMenu component and the concept of building for people. The Q&A session covers topics such as component inclusion in design systems, API complexity, and the decision between creating a custom design system or using a component library.
Making Multiplayer Games with Colyseus, Node.js and TypeScript
JS GameDev Summit 2022JS GameDev Summit 2022
31 min
Making Multiplayer Games with Colyseus, Node.js and TypeScript
Top Content
Today's Talk covers making multiplayer games with Coliseus, Node.js, and Typescript. It explores the state of networking on the web, alternative servers, and how Coliseus works. The Talk also discusses client-side prediction, lag compensation, server limitations, scaling, and showcases cool games made with Coliseus. Additionally, it mentions Nakama and Unity integration for client-side prediction in multiplayer games. Coliseus is available on mobile and can be found on colossus.io or the GitHub repository.
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.
Canva’s App UI Kit: Empowering Developers With Modern Web Technologies
React Summit US 2023React Summit US 2023
8 min
Canva’s App UI Kit: Empowering Developers With Modern Web Technologies
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.
Building Bridges to a Post-SPA Future
React Summit 2026React Summit 2026
33 min
Building Bridges to a Post-SPA Future
The speaker reflects on professionalism, tech collaboration deficiencies, and changing perspectives. They discuss React community involvement, cultural implications of technology choices, and the impact of Core Web Vitals on React sites. External factors like networks influence web development, optimizing JavaScript in browsers is crucial, and rethinking design based on user interactions is highlighted. Income influences smartphone market segmentation, Android pricing impacts the ecosystem, and adapting technology based on user data is essential. Transitioning to HTML-first in browser interfaces and user-centric testing to improve website quality are key takeaways.
Designing a Migration to Micro-Frontends
JSNation 2026JSNation 2026
30 min
Designing a Migration to Micro-Frontends
In the last decade, microfrontends have gained popularity for their independence and fast flow. Understanding common Microfrontend architectures is crucial for defining boundaries and responsibilities. Integration of CDNs for Microfrontends involves caching, TTL settings, and security considerations. Microfrontend migration strategies focus on stability and iterative transitions. Edge Compute deployment enables controlled traffic distribution and efficient rollbacks. Data sharing techniques include query strings, cookies, and backend APIs. Event handling utilizes event emitters for communication and routing. AI integration enhances code generation and project boundaries. Managing micro frontends in organizational repositories requires careful logistics. Aligning reusability goals with business gains is essential for management. Situational considerations and implementation strategies for Microfrontends involve framework choices and event communication frameworks.
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...
Featured
Short takes
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.
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.
Optimizing the Path From Design to Production in Engineering Workflows
React Summit US 2025React Summit US 2025
7 min
Optimizing the Path From Design to Production in Engineering Workflows
Akbar, developer advocate at Figma, highlights the importance of exploration, representation, and production in product development. Figma leverages design systems and AI tools for efficient transition from representation to production, optimizing expertise and automating non-critical tasks. Seamless integration between design elements and the app is achieved through tools like Code Connect and Copilot, fostering collaboration between design and code.
A JS Dev's Guide to Not Dismissing Blockchain
JSNation US 2025JSNation US 2025
8 min
A JS Dev's Guide to Not Dismissing Blockchain
Brian Wipo, Developer Relations lead at the Algorand Foundation, discusses the relevance of blockchain in 2025 and its impact on developers. Algorand's high-performance blockchain addresses key issues faced by other platforms, enabling new markets and real-world applications like tokenized assets and supply chain traceability. In 2025, blockchain excels in disintermediating markets, tracking data integrity, and creating new markets such as fractional ownership of assets. Real businesses on Algorand include tokenized solar panels, real estate ownership, supply chain traceability, and more. Using a para wallet with a mastercard debit card, you can buy items at the store with stable coins. Algorand TypeScript 1.0 simplifies writing smart contracts on the chain in TypeScript. TypeScript developers can now integrate blockchain using a compiler that transforms code into Teal assembly language for blockchain execution.
Everyone Is Now a Manager - Interfaces in the World of Agents
TechLead Conf London 2025: Adopting AI in Orgs EditionTechLead Conf London 2025: Adopting AI in Orgs Edition
6 min
Everyone Is Now a Manager - Interfaces in the World of Agents
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.
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.
Backend-for-Frontend Auth: The Secure JS App Architecture
JSNation US 2025JSNation US 2025
6 min
Backend-for-Frontend Auth: The Secure JS App Architecture
Challenges in OAuth, importance of back end security for front end, and implementation details of OAuth flow between front end, back end, and authorization server. Detailed process of token handling, session management, and user data retrieval in OAuth implementation between front end, back end, and authorization server.
Deploy Your AI Code in Minutes
AI Coding Summit 2026AI Coding Summit 2026
7 min
Deploy Your AI Code in Minutes
Shifra guides the migration of a Repl.it app to Render with emphasis on simplicity and mock data. Ensure Render deployment requirements are met, including specifying root directory, build and start commands, and correct port. Configure GitHub repository setup, connect to Git, and create a repository. Confirm code in the repository and deploy on Render, showcasing a sample landing page.
CLI, GUI, or Just Blind Trust? A Tour of Code Review Styles
React Summit 2026React Summit 2026
6 min
CLI, GUI, or Just Blind Trust? A Tour of Code Review Styles
Introduction to traditional code review methods and challenges faced by developers. Challenges with code review process and the shift towards AI era and CLI-based reviews. Using IDEs for code review, agentic era support, and enhancing code view for human-agent collaboration. New CodeRabbit view for code analysis, free for open source projects, support for old school and agentic engineers.
Latest
400 Tech Leads. Same Problems. None of Them Technical
JSNation 2026JSNation 2026
17 min
400 Tech Leads. Same Problems. None of Them Technical
Anri Fisher, with over 12 years in tech, focuses on training tech leads and addressing time management challenges. Tech leads shift to a supportive role in empowering team members in growth discussions and one-on-one meetings. Overcoming feedback and delegation struggles through clear communication and expectations is crucial for effective leadership. Strategies for proper delegation include setting clear expectations, agreeing on timelines, and defining processes. Ensuring team alignment, shared timelines, and clear ownership are key for project success in tech teams.
Global-Scale React: Architecting for Localization, Multi-Tenancy, and Dynamic Markets
React Summit 2026React Summit 2026
14 min
Global-Scale React: Architecting for Localization, Multi-Tenancy, and Dynamic Markets
Sharing lessons on building and scaling global React applications. Front-end complexity with business expansion. Challenges of globalization in React development. Impact of market variability on front-end architecture for global scale. Architectural decisions influenced by operational realities. Technical and organizational problems at a global scale. React dual architectures for global scale. Balancing consistency and flexibility in architecture. Issues with business logic in components, scalability, region-specific deployments, and optimizing performance. Organizational challenges with global feature shipping, release conflicts, slow rollout cycles, and configuration duplication. Issues at global scale: technical and organizational challenges. Avoid business logic in components, scalability issues like user spikes, and deployment time. Market logic in components, region-specific deployments, front-end boundary size increase, and fragmented integrations. Multiple teams shipping globally face challenges like release conflicts, slow rollout cycles, and market-driven behavior testing. Complexity increases with more markets, localization goes beyond translation affecting currency, taxes, compliance, and more. Markets vary operationally requiring adaptive platforms for dynamic changes based on market context. Shift to adaptive platform for dynamic market behavior. Configuration as front-end control plane, like Kubernetes. Feature flags crucial for efficient management, operational flexibility. Market-specific capabilities, safe experiments, unstable features disabling. Region-aware routing enhances operational concerns separation, micro front-end usage for improved performance. Optimizing CDN and SEO for market consistency. Region-aware routing for operational separation, micro front-end performance improvement. Front-end observability critical for global scalability. Evaluation for adaptability, avoiding over-engineering. Challenges in global React application evolution, operational maintainability. Considerations for localization, multi-tenant systems, feature-flag scaling, and global architecture challenges.
FWD: Urgent Opportunity to Claim Your React + MDX Newsletter Inheritance
React Summit 2026React Summit 2026
19 min
FWD: Urgent Opportunity to Claim Your React + MDX Newsletter Inheritance
Cesar Alberca demonstrates creating newsletters using React and MDX, enhancing interactivity and liveliness. Content delivery through MDX format for newsletters and websites, multilingual newsletters creation, email rendering challenges, interactivity limitations, email scheduling and distribution, compliance in newsletter delivery, and concluding with newsletter updates, resource availability, and encouraging feedback.
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.
Fast Code Generation Is Easy. Safe System-level Change Is Not.
AI Coding Summit LondonAI Coding Summit London
16 min
Fast Code Generation Is Easy. Safe System-level Change Is Not.
AI coding tools are good at writing local diffs, but they still miss repo-wide truth. In large TypeScript and JavaScript codebases, that means dead exports, duplicated logic, accidental boundary violations, and complexity creep after every “small” AI refactor. In this talk, I’ll show a prac...
Skills in Claude Code Desktop: Architecture and Execution Runtime
React Summit 2026React Summit 2026
25 min
Skills in Claude Code Desktop: Architecture and Execution Runtime
Daniel Avila introduces Cloud Code Desktop, a new platform simplifying Cloud Code usage. Explore features like Cowork, connectors, and plugins. Manage sessions, customize environments, and interact with Cloud efficiently. Understand skills, context, and execution in Cloud Code. Develop comprehensive skills with precise control measures. Optimize skill execution, design interfaces, and implement skills in MCPs. Enhance MCPs with Cloud Skills and advanced installation processes in Cloud Code Desktop.
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.
AI Can Generate Tests for You, Now What?
Web Engineering Summit 2026Web Engineering Summit 2026
22 min
AI Can Generate Tests for You, Now What?
Living in an exciting and productive period with AI's assistance in test generation and scalability, led by Maya, a Staff Software Engineer passionate about AI accessibility. Streamlined test generation through AI can compromise code quality if not placed correctly, emphasizing the importance of test validity over quantity. Challenges of test generation include cost impacts on code quality, highlighting the need for validity over quantity and the importance of placing tests correctly. Understanding risks and validation criteria in code testing, with an example focusing on search functionality. Importance of mapping tests to specific quarens for effective validation in Agile Testing. Exploring AI integration into Agile Testing, balancing AI and human input for effective workflows. Transitioning to a new scalable workflow with AI test plan generation for enhanced efficiency. Establishing collaboration standards with AI, prioritizing strategic testing tactics over quantity and ensuring code safety beyond complete coverage.
Skill Design for LLM Agents
AI Coding Summit LondonAI Coding Summit London
24 min
Skill Design for LLM Agents
What makes an agent skill reliable, performant, and maintainable? We will explore a robust approach to skill design, starting with foundational best practices, moving into automated skill generation, and validation. The second half of the talk focuses on the critical role of evaluation, demonstra...
Designing for Failure: The Senior React Dev's Production Toolkit
React Summit 2026React Summit 2026
29 min
Designing for Failure: The Senior React Dev's Production Toolkit
The talk delves into the importance of designing for failure in software engineering, highlighting the significance of resilience in React applications. It emphasizes the challenges of error detection and prevention, introduces resilience patterns like Circuit Breaker, and discusses implementing these patterns in Next.js. The talk also covers managing API retries, handling timeouts, addressing latency challenges, and strategic placement of error boundaries for improved user experience. Additionally, it touches on understanding user experience, error perception, and common anti-patterns in React error handling.
Popular
React
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.
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.
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.
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.
Lessons From Adopting React Compiler
React Summit US 2025React Summit US 2025
23 min
Lessons From Adopting React Compiler
Akash Hamilwasia presenting at React Summit 2025, shares React Compiler learnings and works on an AI audio platform. Memoization in React helps optimize UI performance by preventing unnecessary re-renders. React Compiler offers automatic memoization through static code analysis. React rules emphasize purity and immutability. The compiler analyzes and memoizes code changes for optimization. React Compiler package usage improves performance through code analysis. Understanding reactivity issues is crucial for handling React state. Compiler optimization requires correct dependency arrays and usage of external libraries. Measure React Compiler impact using React Profiler for optimization and real user impact analysis.
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 Beyond the DOM
React Summit US 2025React Summit US 2025
27 min
React Beyond the DOM
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.
Plug and Play Design: Building Extendable React Applications
React Summit US 2025React Summit US 2025
29 min
Plug and Play Design: Building Extendable React Applications
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 Strict Dom: Cross-Platform React Based on the Web
React Summit US 2025React Summit US 2025
29 min
React Strict Dom: Cross-Platform React Based on the Web
Talk on cross-platform React using ReactStrict DOM to unify web and native React, standardizing for consistent UI development. Fragmentation challenges in React due to lack of standardized styling systems, impacting development efficiency and product consistency. Exploring unsuccessful cross-platform React approaches and the importance of minimizing migration costs. Enabling web developers to build native apps with React Native while enhancing it with web APIs for seamless code migration. Benefits of code sharing for cross-platform apps, AI integration for React Strict DOM, and the future vision for React Native as a web renderer. Unified styling in React Native, Tailwind integration, and UI best practices. Flexibility and readiness in React DOM, potential inclusion in React Foundations, and considerations for reversibility of decisions in React DOM.
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.
Free workshops
Personalisation Without the Price Tag - Local LLMs for JavaScript Developers
JSNation 2026JSNation 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...