Upcoming events
React Advanced 2026
React Advanced 2026
Oct 23 - 26, 2026
JSNation US 2026
JSNation US 2026
Nov 16 - 19, 2026
AI Coding Summit NYC
AI Coding Summit NYC
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
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 2027
React Summit Asia 2027
Apr 14 - 19, 2027
AI Coding Summit Asia 2027
AI Coding Summit Asia 2027
Apr 15 - 20, 2027
JSNation 2027
JSNation 2027
May 20 - 24, 2027
React Summit 2027
React Summit 2027
May 21 - 25, 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 is CapnWeb?

CapnWeb is an RPC (remote procedure call) protocol that allows communication between a client and server through function calls rather than requests and responses.

Is Redux still relevant for modern React applications?

Yes, Redux is still relevant for modern React applications. Although there are many state management tools available, Redux provides a consistent and predictable pattern for managing state, especially in larger applications where state needs to be shared across many components.

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.
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
Building a Mobile App with Expo, EAS, and React Native
React Summit Remote Edition 2021React Summit Remote Edition 2021
35 min
Building a Mobile App with Expo, EAS, and React Native
Top Content
Image
This talk provides an overview of building React Native apps with Expo and Xcode. It covers Expo managed projects, XO, Turtle, customizing runtime, Expo Development Client, and EAS. The talk also mentions the advantages of Expo Updates, the focus on a customizable runtime, and adding native libraries. Favorite React Native apps and libraries are recommended, and the future goals include enhancing performance and improving the development experience through EAS.
Skill Design for LLM Agents
AI Coding Summit LondonAI Coding Summit London
24 min
Skill Design for LLM Agents
Image
Minko Getschev, AI lead at Google, shares insights on building effective agent skills, including architecture, skill creation best practices, and evaluation methods. Agent decision-making, planning, and hybrid architectures are explored, with a focus on the React loop for tool utilization. Context expansion and management, utilizing tools like MCP and CLIs, enhance agent power. The discussion includes comparisons between MCP and CLIs in agent systems, emphasizing context handling and debugging. Agent skills are structured as procedural instructions, with an open standard focused on tasks and workflow logic. Best practices for skill workflow involve avoiding redundancy, optimizing front matter, and focusing on predictable execution. Utilization and management of agent skills are crucial for performance optimization. Continuous skill evaluation, testing, and improvement are highlighted, with SkillGrade for evaluating agent skills. Skill workflow execution analysis involves identifying failures, log analysis, and rerunning workflows for successful execution.
Interviewing in the Post-LLM World
TechLead Conf Amsterdam 2026: Adopting AI in Orgs EditionTechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
29 min
Interviewing in the Post-LLM World
Image
Companies face challenges in adapting interviewing processes to the post-LLM world. Effective interviewing strategies involve understanding job requirements and tailoring questions. Enhancing the interview process includes skills like preventing prompt injection and assessing curiosity and learning agility. Assessment techniques focus on code understanding, system design evaluation, and deep questioning. Bias reduction, adapting processes, and rewarding applicants' time are crucial aspects of interview processes.
Agents on the Canvas With tldraw
Web Engineering Summit 2026Web Engineering Summit 2026
29 min
Agents on the Canvas With tldraw
Image
The Talk delves into the exploration of Agents on the Canvas, integrating LLMs with visual elements and spatial relations. It covers the development of the Agent Starter Kit for navigating Canvas tasks and introduces fairies as collaborative agents. The discussion includes managing tasks, utilizing Cloud Code for project collaboration, creating interactive UIs, and customizing UI components. The evolution of agentic canvas code, agent interactions, user actions, token usage, and data handling with LLMs are highlighted, emphasizing experimentation and optimization for SDK integration.
De-bloating the Web: The "Ecosystem Performance" Initiative (e18e)
JSNation 2026JSNation 2026
20 min
De-bloating the Web: The "Ecosystem Performance" Initiative (e18e)
Image
The Ecosystem Performance Initiative (E-A-T-N-E) focuses on modernizing the JavaScript ecosystem by reducing redundant, bloated, and unmaintained packages. Efforts aim at cleanup, optimization, and maintenance to enhance project performance and stability. Success stories include significant package size reductions and speed improvements in tools like prettier CLI and Astro. Adoption of lean alternatives like TinyGlobby and development productivity tools like E18e CLI are highlighted. Initiatives include GitHub actions for dependency monitoring, framework performance evaluation, and plans for collaboration, community growth, and ecosystem impact.
Conquering React Concurrency
React Summit 2026React Summit 2026
25 min
Conquering React Concurrency
Image
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.
Optimizing HTML5 Games: 10 Years of Learnings
JS GameDev Summit 2022JS GameDev Summit 2022
33 min
Optimizing HTML5 Games: 10 Years of Learnings
Top Content
Image
PlayCanvas is an open-source game engine used by game developers worldwide. Optimization is crucial for HTML5 games, focusing on load times and frame rate. Texture and mesh optimization can significantly reduce download sizes. GLTF and GLB formats offer smaller file sizes and faster parsing times. Compressing game resources and using efficient file formats can improve load times. Framerate optimization and resolution scaling are important for better performance. Managing draw calls and using batching techniques can optimize performance. Browser DevTools, such as Chrome and Firefox, are useful for debugging and profiling. Detecting device performance and optimizing based on specific devices can improve game performance. Apple is making progress with WebGPU implementation. HTML5 games can be shipped to the App Store using Cordova.
I Would Never Use an ORM
JSNation 2023JSNation 2023
29 min
I Would Never Use an ORM
Top Content
Image
Welcome to a talk on Object-Relational Mapping (ORM) and its potential pitfalls. The speaker discusses issues with modals and the MVC pattern, as well as the benefits of structuring code around system features instead. They introduce PlatformaticDB as a solution for easy backend development, showcasing its deployment and testing capabilities. The talk also covers integrating with Next.js, writing custom SQL queries, and the speaker's plans for future support and database compatibility.
React Bits: The Art of Standout UI
React Summit 2026React Summit 2026
21 min
React Bits: The Art of Standout UI
Image
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.
Featured
Short takes
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
Image
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.
MCPs: How to Avoid Security Pitfalls
AI Coding Summit 2026AI Coding Summit 2026
7 min
MCPs: How to Avoid Security Pitfalls
Image
Gil Friedman from Backslash Security discussed MCP security, focusing on the Model Context Protocol and AI assistant security risks like GitHub token exposure in auto run mode. Security measures for MCP usage include setting autorun to ask every time, postmarking MCP incidents, handling malicious servers, safeguarding sensitive information, reviewing and disabling unused tools, requiring permission before triggering actions, removing MCP from environments, and revoking API keys when necessary.
A Brief History of Code Review (And What's Next)
JSNation 2026JSNation 2026
8 min
A Brief History of Code Review (And What's Next)
Image
The Talk explores the transition from solo development to code review history, tracing it back to the Fagin Inspection process in the 1990s. It discusses the evolution of code collaboration from in-person meetings to remote, email-based discussions. The shift to modern code review via pull requests on GitHub improved collaboration efficiency. The integration of AI in code review enhanced processes and enabled instant feedback. Encouraging open source projects to adopt code review tools and prioritize the importance of thorough reviews is highlighted.
Navigating Islands of Interactivity
React Advanced 2025React Advanced 2025
9 min
Navigating Islands of Interactivity
Image
Islands in web development are interactive components that are rendered on the server and hydrated separately. They offer fine-grain control over JavaScript, speed up page loading, and reduce JavaScript shipping. Applications of islands span across eCommerce, media sites, docs, and blogs, providing interactivity without excessive JavaScript. Nanostores enable state sharing among islands. Key takeaways include utilizing Nanostores for state management, exploring ASTRO and islands for development, and using client directives for JavaScript control.
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
Image
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.
Debugging Performance With AI
JSNation 2026JSNation 2026
6 min
Debugging Performance With AI
Image
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.
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
Image
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.
Framework Native Rendering Without Code Duplication?
React Summit 2026React Summit 2026
6 min
Framework Native Rendering Without Code Duplication?
Image
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.
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
Image
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.
How To Get The Most Out Of the Cloud As A Front-End Developer
React Summit US 2025React Summit US 2025
7 min
How To Get The Most Out Of the Cloud As A Front-End Developer
Image
Front-end developers benefit from cloud services like AWS S3 and Lambda. AWS offers services like Cognito for identity management and Bedrock AI models. AWS Amplify provides Hosting and Cloud Development Kit for efficient development. The Cloud Development Kit is recommended for TypeScript deployment. AWS Amplify connects front-end to AWS services and SDK for back-end. QR code feedback is available for the talk.
Latest
The Last Software Engineer
AI Coding Summit LondonAI Coding Summit London
21 min
The Last Software Engineer
Image
Kent C. Dodds introduces the concept of durable skills and the importance of physical movement. AI evolution involves fine-tuning, prompt engineering, and uncertainties. Reflecting on the future role of AI in work and the evolving technology landscape. Insights on product engineering emphasize judgment, hitting targets, and prioritizing target selection. The importance of user-centric product engineering, intentional decisions, and adapting skills in the agentic coding world are highlighted.
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
Image
Introduction to LLMs from a Developer's Perspective, YouTuber with AI Coding Daily channel, evaluates new models and versions on YouTube, gaining traction and positive feedback. Exploring the Best Models: My Benchmark on 18 LLMs, evaluating cost, points, and competition among models for day-to-day use. Measuring Models: Prompt Methodology, Tests on PHP, Laravel, React, TypeScript, and CSV, with emphasis on correct data usage and benchmark awareness. Model Evaluation: Chinese models' progression, benchmark awareness, and Opus and GPT superiority. Model Pricing and Quality Comparison: Opus, GPT, and Composer 2.5 cost-effective options. Composer 2.5 and GPT 5.4 mini offer quality at low prices. Choosing models based on project needs and budget constraints. Discussion on local LLM investment challenges, SONnet 5 benchmark performance, and exploration of new models like Proton Luma 2.0. Importance of skill definitions for model performance and limitations in local model implementation. Discussion on the importance of model harness, setup considerations, and evaluation methodologies for LLMs.
We Need More Than Prompts
React Summit 2026React Summit 2026
28 min
We Need More Than Prompts
Image
Alex discusses spec-driven development as the best approach for building software with AI, emphasizing the importance of planning ahead and tools evolution. Reflecting on coding tools evolution towards instructing AI agents and changing roles. Challenges in articulating coding intent and the need for Spec-Driven Development. Importance of changes, goals, and OpenSpec in development. Up-front planning, collaborative nature, and challenges in spec-driven development highlighted. Managing AI limitations, spec updates, and collaborating with non-engineering on specs. Optimizing prompts and spec organization, context importance, and OpenSpec skills.
Streaming Systems, Hidden Risks, And AI-driven Consequences
AI Coding Summit LondonAI Coding Summit London
27 min
Streaming Systems, Hidden Risks, And AI-driven Consequences
Image
The Talk covers various aspects of deception and security in AI and data systems. It discusses the historical use of misinformation during World War II to influence decision-making. AI model poisoning through malicious data input and the challenges of ensuring data integrity in real-time pipelines are highlighted. The importance of peripheral information attacks, data contracts, stream governance, and anomaly detection in maintaining AI system security is emphasized. Strategies for protecting data integrity, detecting anomalies, and choosing appropriate AI models are also discussed.
HTML in Canvas: Bridging UI and GPU on the Web
Web Engineering Summit 2026Web Engineering Summit 2026
17 min
HTML in Canvas: Bridging UI and GPU on the Web
Image
Santiago Colombatto
Tomas Ferreras
2 authors
Santiago Colombato discusses challenges in synchronizing DOM and WebGL for visually heavy websites, focusing on scroll sync and basics of WebGL's rendering process. The talk addresses the complexities of rendering text on GPU in WebGL and the challenges of HTML in canvas implementation. The proposal introduces advanced features like a paint event and element image capture to enable synchronization of HTML changes and element snapshots. Exciting prospects include blurring the lines between DOM and canvas, showcasing 3D scenes, distorted text, and GPU effects, offering new possibilities for website generation.
From Legacy to Delight: The Future of Node.js DX
Web Engineering Summit 2026Web Engineering Summit 2026
21 min
From Legacy to Delight: The Future of Node.js DX
Image
Claudio Bonder discusses the importance of Node.js documentation and the recent improvements made in developer experience. The evolution of Node.js API documentation has influenced tools and millions of users, with previous outdated tools leading to challenges in maintenance. The introduction of Dockit aimed to revolutionize Node.js API documentation with modern technologies. Dockit enhances documentation generation by supporting various sources, customization through AST and GSX transformation, and ensuring high-quality documentation for Node.js and community projects. The tool's innovative approach prioritizes user experience, collaboration, and strict common mark specification for efficient API doc creation.
From Vibe Coding to Vibe Engineering
React Summit 2026React Summit 2026
30 min
From Vibe Coding to Vibe Engineering
Image
Kitze introduces the purpose of conferences as networking, meeting people, and teaching. The speaker discusses their businesses Sizzy and Benji, emphasizing tools for developers and a life OS solution. They highlight Zero to Shift, Tinker Club, and SuperMac. React's evolution and frontend development advancements are summarized. Vibe coding and management practices are discussed, focusing on quick changes and embracing code nuances. Vibe engineering involves leveraging agents and committing often. Effective prompting, voice dictation, and vibe coding challenges are addressed. AI's impact on programming jobs and the importance of innovation are highlighted. Role-based frameworks like React Cowboys and Fibre engineering's code consistency are emphasized.
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
Image
Daniel, a consultant from Germany, discusses AI-generated code and challenges in rapid code shipping. The Pharoes AI case study highlights code reviews and challenges in agile development. Incidence per pull request and code churn issues are discussed in software development. AI-assisted coding and quality gates are introduced. Developing with Angular and TypeScript emphasizes the importance of basics, AI sub-agents, and pull request review services. Utilizing hooks for deterministic code handling and enhancing code handling with various hooks are crucial. Transitioning to behavior-driven development, utilizing tools like PlayWrite and Jira integration, and evaluating code review strategies are key points. Optimizing code review practices, smart integration of AI and hooks, advanced code review models, ownership in code reviews, software metrics, and quality gates challenges are also covered.
From Figma to TV & Beyond: Scaling React UI with Design Tokens & MCP
React Summit 2026React Summit 2026
17 min
From Figma to TV & Beyond: Scaling React UI with Design Tokens & MCP
Image
Seungho Park discusses scaling React UI using design tokens and Figma to address UI consistency challenges at LG Electronics. Design tokens managed in Figma and synchronized across platforms using GitHub Actions. Automation of design token updates demonstrated with Figma Sync and GitHub Actions. Shared tokens enable app-wide theme consistency and streamline visual styling with CodeConnect. CodeConnect bridges Figma design to React code, transforming designs with AI and ensuring accurate mapping. Practical insights shared on implementing design tokens for scalable React UI development.
Scaling React: What Actually Matters
React Summit 2026React Summit 2026
30 min
Scaling React: What Actually Matters
Image
Tathagath discusses the misconception of React's role in app slowness and emphasizes architecture over React performance. Context impact on app rendering is explored, along with React compiler enhancements. Global state misuse and state management in React are addressed. Performance pitfalls, optimizing app performance, and the impact of third-party scripts on React are discussed. Strategic management of third-party scripts and common mistakes in SSR applications are highlighted. Recognizing hydration costs and architectural impacts in React, as well as shifting mindset for performance optimization, are key points.
Popular
React
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
Image
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.
Mess to Modern: Refactoring a React Nightmare
React Summit 2026React Summit 2026
18 min
Mess to Modern: Refactoring a React Nightmare
Image
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.
Replacing Form Libraries With Native Web APIs
React Summit 2026React Summit 2026
17 min
Replacing Form Libraries With Native Web APIs
Image
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.
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
Image
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.
Real-World Hydration and Rendering Patterns in Modern React Apps
React Summit 2026React Summit 2026
20 min
Real-World Hydration and Rendering Patterns in Modern React Apps
Image
Ranjit Dandigam discusses real-world hydration and rendering patterns in modern React apps, exploring UI rendering phases, optimization strategies, and the importance of server-client boundaries. Implementing a streaming strategy in React apps enhances loading efficiency and user experience. Managing hydration mismatches and implementing safe time patterns are crucial for stable rendering. Demonstrations of Next.js rendering variations highlight different approaches to rendering content. Design principles for React app rendering emphasize the significance of streaming with suspense and honesty in rendering decisions.
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
Image
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.
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
Image
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.
Gotta Go Fast: React at 60 FPS
React Summit 2026React Summit 2026
16 min
Gotta Go Fast: React at 60 FPS
Image
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.
React Beyond the DOM
React Summit US 2025React Summit US 2025
27 min
React Beyond the DOM
Image
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 on the Edge
React Summit 2026React Summit 2026
17 min
React on the Edge
Image
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.
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
Web Engineering Summit 2026Web Engineering Summit 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...