Upcoming events
TechLead Conf London 2026: Adopting AI in Orgs Edition
TechLead Conf London 2026: Adopting AI in Orgs Edition
Oct 23, 2026
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
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 Hugging Face?

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

Who is Mark Erickson?

Mark Erickson is a senior front-end engineer at Replay, a maintainer of Redux, and the creator of Redux Toolkit. He is known for his extensive documentation work and his Simpsons avatar.

Why is the new event loop important in React Native?

The new event loop is important because it enables synchronous updates and access to layout information, making React Native behave more like React DOM and improving performance by reducing UI flickers and inconsistencies.
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
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.
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.
The Future Stack of Code Review
JSNation 2023JSNation 2023
22 min
The Future Stack of Code Review
Image
The Talk discusses the challenges of code reviews and the need to redefine the code review process in light of changes in software development. It emphasizes the importance of collaboration, security, performance, and clean code in the new stack of code review. The Talk also highlights the benefits of automating code review comments and optimizing the code review process. Overall, the Talk aims to build a better code review process that promotes collaboration and improves the quality of software development.
AI-Powered Code Review
TechLead Conf Amsterdam 2026: Adopting AI in Orgs EditionTechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
77 min
AI-Powered Code Review
Workshop
Serhii Yakovenko
Serhii Yakovenko
Every engineering organisation is experimenting with AI coding assistants, but few have built production-grade LLM integrations into their core developer infrastructure. I have such an experience, and I will share real patterns from deploying an AI-powered code review system across a 400+ person...
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.
Chunking
JSNation 2026JSNation 2026
28 min
Chunking
Image
Tobias Koppers explains chunking in Bundlers, emphasizing efficient module grouping for performance optimization. Strategies involve smart module grouping, caching, and balancing between request counts and download sizes. CSS delivery via link tags poses complexity in chunking due to order dependencies. Balancing CSS chunking to reduce requests involves overshipping techniques. Evolving chunking strategies consider compile time challenges and the impact of React server components. Future optimizations may prioritize pages based on analytics data. Tailwind offers a solution for CSS chunking, while the need for future CSS features with native dependency declarations is highlighted.
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.
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.
Network Requests with Cypress
TestJS Summit 2021TestJS Summit 2021
33 min
Network Requests with Cypress
Top Content
Image
Cecilia Martinez, a technical account manager at Cypress, discusses network requests in Cypress and demonstrates commands like cydot request and SCI.INTERCEPT. She also explains dynamic matching and aliasing, network stubbing, and the pros and cons of using real server responses versus stubbing. The talk covers logging request responses, testing front-end and backend API, handling list length and DOM traversal, lazy loading, and provides resources for beginners to learn Cypress.
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.
Featured
Short takes
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.
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
Image
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
Image
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.
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
Image
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.
Rustifying Vite: Designing a Hybrid Toolchain for the Real World
JSNation 2026JSNation 2026
6 min
Rustifying Vite: Designing a Hybrid Toolchain for the Real World
Image
Options for pre-bundling, transformation, and minification. Rollup, bundling, and limited chunk control. SWC for React, but complexity with multiple bundlers causing issues for maintainers and developers. Limitations in bundlers, features V8 needs. Improving build times with Rust. Introducing Roldown with rollup's API, compatibility, speed, and advanced chunking. Features like module types, lazy barrel optimization, HMR, and built-in minifier for a performant bundle. Ensuring Rust-based bundler compatibility with JavaScript ecosystem. Introduction of Swangular for efficient plugin handling. Native Rust plugins support with module resolution, aliases, TypeScript JSX transform, dynamic imports. Integration with underlying minifier, transformer, linter, and formatter for tool chain V+.
Using Spec-Driven Development for Production Workflows
JSNation US 2025JSNation US 2025
7 min
Using Spec-Driven Development for Production Workflows
Image
We're discussing spec-driven development and the innovative AI IDE, QIRO, that supports this approach. QIRO focuses on structured specifications before coding, aiding developers in creating designs. The QIRO mascot, a playful ghost, symbolizes the essence of spec-driven development. Eric Hanchett discusses QIRO, emphasizing its spec-driven development feature integrated into the IDE. QIRO aids in in-depth feature planning, resembling a structured requirements approach. Coding assistants benefit from detailed examples for efficient development. Exploring Manual Coding Assistance: Creating user requirements, building design documents, and task lists manually. Example of using spec mode in a coding assistant to break down requirements, create designs, and implement features.
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
Image
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.
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.
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.
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.
Latest
Supercharging Your Tooling With Rust
JSNation 2026JSNation 2026
24 min
Supercharging Your Tooling With Rust
Image
Mael from Mistral.ai discusses the evolution of Yarn, from its origins to the current Yarn 4 and plans for Yarn 6 in Rust. Yarn 4 to Yarn 6 in Rust, Stability, and Codebase Challenges. Challenges with Yarn's Codebase and Performance. Yarn's Performance Challenges and Multi-Ecosystem Support. Yarn's Multi-Ecosystem Vision and Lazy Installation. Yarn's Ecosystem Expansion and Rewrite Challenges. Yarn's Rewrite Efficiency and Test Reusability. Yarn's Rust Rewrite Challenges and Discoveries. Rust's Experimental Features and Challenges. Rust's Rewrite Challenges and AI Usage. Challenges of Integrating Rust Rewrite and Long-Term Maintenance. YARN's Performance Improvement and Long-term Vision.
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.
Effective Strategies for Managing Remote Frontend Teams
React Summit 2026React Summit 2026
19 min
Effective Strategies for Managing Remote Frontend Teams
Image
Martin Mordanov emphasizes managing remote front-end teams with a focus on cooperation, performance, and alignment for successful projects. Trust-driven leadership empowers team members with decision rights for improved productivity and task understanding. Encouraging team collaboration and productivity by giving decision rights, ensuring task understanding, and preventing delays. Effective development processes include task understanding, communication, consistent processes, automated quality gates, standardized configurations, and code formatting prevention. Optimizing development workflow involves code reliability factors, sandbox environments, deployment readiness, time zone management, and prioritizing team well-being. Empowering developer autonomy and team efficiency by prioritizing well-being, autonomous decision-making, communication optimization, and enhanced documentation. Effective team communication emphasizes reduced meetings, task allocation, updated documentation, automated code quality, and team well-being for a happier and more efficient work environment.
Stop Using JSON Web Tokens (JWTs) for Authorization!
Web Engineering Summit 2026Web Engineering Summit 2026
12 min
Stop Using JSON Web Tokens (JWTs) for Authorization!
Image
Sohan Maheshwar humorously recounts feedback on advising against JWTs for authorization, highlighting challenges in payload structure and fine-grained permissions. Scalability and token revocation present issues, along with predicting permissions. Risks of overprovisioning permissions are addressed, with Macaroons as a solution and complexity in access control systems. Modern authorization systems like Zanzibar and Policy Engine prioritize correctness, flexibility, and security over simplicity of JWTs.
Real-Time Observability and Control for Coding Agents
AI Coding Summit LondonAI Coding Summit London
30 min
Real-Time Observability and Control for Coding Agents
Image
Today's discussion covers challenges posed by AI models becoming more adept at deception, hidden AI thought processes, addressing coding agent security risks, the future of agent deployment and security, real-time monitoring and security policies, developer experience and automated systems, model behavior analysis and agency projection, product offering and developer risk reduction, futuristic concepts and developer risk management, data storage and risk severity management, deception in model behavior and user security, policy transparency and model adaptation, model failure monitoring and safety considerations.
Tanstack Start and How It Supports React Server Components
React Summit 2026React Summit 2026
27 min
Tanstack Start and How It Supports React Server Components
Image
Introducing 10-Stack Dart, a full-stack framework for client-first applications, with server features and support for React and Solid. Discussion on the necessity of React server components and their role in providing data streams for React. Exploring handling server components in 10 sec start, server functions as the boundary for server-rendered UI, caching mechanisms, and flexibility in returning multiple server components. Managing route-based caching, multiple server components in one function, and using query cache for server-rendered UI. Deciding server composition, client-controlled structure, composite components for interactive UI elements, and ensuring type safety in composition models. Understanding the power and flexibility of server components in application architecture, migration from React router to 10-stack start, and challenges with release stability and usage of RSCs. Discussing the implementation of RSC in 10-stack start, its usage in new projects, differences with Next.js, and comparisons of one-way RSCs with Next.js.
Click. Ship. Done. AI Agents on Cloudflare
Web Engineering Summit 2026Web Engineering Summit 2026
22 min
Click. Ship. Done. AI Agents on Cloudflare
Image
AI evolution from the past to present, showcasing advancements like ChatGPT for easier programming accessibility. Generative AI advancements with ChatGPT, followed by rapid evolution in coding accessibility and introduction of innovative AI models like Zorro by OpenAI. User input processed by LLM in chatbot scenarios. Agentic loop adds steps for evolution and manipulation in processing prompts. LLM guides steps in user interaction. MCP's role in LLM operations and potential challenges of self-hosting agents. Future uncertainty in self-hosting with Cloudflare workers and utilizing durable objects for state storage in APIs. Interactivity improvement with durable object storage in Cloudflare workers and the integration of AI chat agents for message handling. Accessing LLM models, utilizing screen text for message handling, integrating MCP tools, and deploying AI chat agents on Cloudflare. Deploying AI chatbots on Cloudflare, connecting to MCP servers, and handling prompts from GitHub MCP. Configuring MCP server tools, deploying with wrangler, and exploring Cloudflare agent setup. Setting up Cloudflare chat agent, deploying with wrangler, leveraging Cloudflare tools for efficient deployment. Setting up Cloudflare chat agent with efficient deployment using wrangler deploy command and GitHub integration. Easily interact with AI chat agent and other functionalities on Cloudflare.
From Legacy to Delight: The Future of Node.js DX
JSNation 2026JSNation 2026
21 min
From Legacy to Delight: The Future of Node.js DX
Image
Claudio Bunder emphasizes the importance of Node.js documentation, highlighting its impact on the ecosystem and the challenges in maintaining it. Node.js API documentation tooling faces significant design and implementation hurdles, with a lack of documentation hindering user interaction. The transformation of Node.js API documentation was driven by the need to improve user experience. Dockit, an AST engine, streamlines API documentation generation with support for Markdown, JS Doc, and TS Doc, offering modular flexibility and community-driven documentation creation. Dockit's efficient processing of document structures and metadata, combined with a generator system, ensures high performance and scalability in API documentation generation.
Building ChatGPT and MCP Apps with All the Comfort of Modern TypeScript DevX
Web Engineering Summit 2026Web Engineering Summit 2026
21 min
Building ChatGPT and MCP Apps with All the Comfort of Modern TypeScript DevX
Image
Fred, CTO of ALPIC, discusses MCP hosting, Skybridge framework, MCP evolution, and partnerships with major clients like OpenAI and Google. ALPIC has developed apps for the growing ChildGPT and Cloud Connector ecosystems. Skybridge, an open-source framework, facilitates easy app development. Explore various applications like the cottage app in the chatGPT ecosystem. Build and deploy apps using Skybridge and interact with the MCP server efficiently. Develop tools to view detailed information and deploy ChatGPT apps with Alpik Tunnel for easy access and testing.
Using Spec-Driven Development for Production Workflows
Web Engineering Summit 2026Web Engineering Summit 2026
19 min
Using Spec-Driven Development for Production Workflows
Image
Eric Hanchett discusses spec-driven development, emphasizing structured code creation with specifications before writing any code. The importance of context in guiding large language models and the evolving nature of software development is highlighted. Kiro, an AI IDE coding assistant, offers a comprehensive solution for improved spectrum development processes. Kiro's focus on vibe and spec mode caters to the need for working on larger and more complex projects. Spec-driven development in Kiro is beneficial for in-depth features and structured project building. The discussion also includes property-based tests, MVP creation, and the Model Context Protocol (MCP) integration within the spec-driven development flow.
Popular
React
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.
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 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.
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...
Suspenseful Component Composition
React Summit US 2025React Summit US 2025
12 min
Suspenseful Component Composition
Image
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.
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.
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.
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.
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.
Pragmatic Testing Recipes: Crafting Tests That Survive the Heat
React Summit 2026React Summit 2026
206 min
Pragmatic Testing Recipes: Crafting Tests That Survive the Heat
Workshop
Younes Jaaidi
Younes Jaaidi
In this React testing workshop, we’ll trade fragile testing strategies for a testing recipe that actually holds up under pressure. If your current strategy feels like reheated leftovers — mocks that prevent you from refactoring, flaky end-to-end tests, or last-minute releases served raw — it’s ti...
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...