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

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.

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 the main goal of Svelte as a framework?

The main goal of Svelte is to provide a better developer experience without compromising user experience, aiming to be the framework with the best vibes rather than focusing solely on performance metrics.

What are the advantages of buying an authentication solution?

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

Growing to Tech Lead

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

  • Talk: Pocket Guide to Seniority
  • Talk: Why Engineers Must Become Multipliers in the AI-Era
  • Talk: Walking the Netflix Paved Road (Bumps Included): Web Framework, Hawkins Design System
  • Talk: Transforming Your Tech Interviews in the AI Agent Age
  • Talk: 5 Tough Conversations Managers Need to Have
... and 14 more talks and workshops
Deep Dive: AI Assisted Coding

AI Assisted Coding

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

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

Mastering Full-stack

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

  • Talk: Building a JavaScript Engine in Rust: Lessons From Boa
  • Talk: Building a JavaScript Engine in Rust: Lessons From Boa
  • Talk: Beyond Benchmarks: node.js, Deno, and Bun in Real Production
  • Workshop: DevOps for Front-end Developers: From Local Code to Production by Docker Captain
  • Workshop: Building Fullstack Apps With Cursor
... and 21 more talks and workshops
Trending today
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.
Our Own React Global State Manager in Less Than 50 Lines of Code
React Summit 2025React Summit 2025
26 min
Our Own React Global State Manager in Less Than 50 Lines of Code
Top Content
Speaker delves into global state management in React, mentioning Redux and alternatives like React context. Creating a global state manager in under 50 lines of code with React context, highlighting challenges with performance and React specificity. Building a custom hook named user store for state management, implementing state and API for store, handling partial state updates efficiently. Managing listeners for state changes, setting up custom hooks and selectors, and subscribing to external stores. Demonstrating optimization in state management and preventing unnecessary button re-renders. Discussion on Redux, Signals, debugging, and various global state management choices like Zestand and Redux toolkit.
The Evolution of App Development
React Summit 2026React Summit 2026
27 min
The Evolution of App Development
William, a portrait painter in the 1800s, dedicated to achieving the truest likeness through anatomy and light. The evolution of building apps with Expo, a framework for React Native, adapting to changing landscapes to enhance user experience. Newbies in mobile development face reduced barriers to entry. AI's impact on new app development: knowns, unknowns, pitfalls. Breaking tutorial into two parts for easier learning and using AI to verify AI. Expo emphasizes skills and tailored MCP for development. Developers' job evolution to more strategic roles. Advice on overcoming the Dunning-Kruger effect and effective training methods for developers. Empowering new developers with AI for better understanding and mentorship experience.
Automate the Browser With Workers Browser Rendering API
JSNation 2024JSNation 2024
20 min
Automate the Browser With Workers Browser Rendering API
The Talk discusses browser automation using the Worker's Browser Rendering API, which allows tasks like navigating websites, taking screenshots, and creating PDFs. Cloudflare integrated Puppeteer with their workers to automate browser tasks, and their browser rendering API combines remote browser isolation with Puppeteer. Use cases for the API include taking screenshots, generating PDFs, automating web applications, and gathering performance metrics. The Talk also covers extending sessions and performance metrics using Durable Objects. Thank you for attending!
Protecting Your Cookies from Hackers and Hungry Developers!
React Summit 2026React Summit 2026
27 min
Protecting Your Cookies from Hackers and Hungry Developers!
Mohamad from ING Bank discusses cookie origins and functions, exploring storage, encryption, and security measures. The talk delves into enhancing security through attribute settings, value generation, and decoding manipulation. It also covers domain, path setup, expiry, XSS vulnerability prevention, and Same Site vs. Same Origin comparisons. Additionally, it touches on GitHub.io complexity, Same Site attribute effects, default values, Chrome settings, and managing cookie partitioning with the Secure flag.
Agents on the Canvas With tldraw
Web Engineering Summit 2026Web Engineering Summit 2026
29 min
Agents on the Canvas With tldraw
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.
Effective Strategies for Managing Remote Frontend Teams
React Summit 2026React Summit 2026
19 min
Effective Strategies for Managing Remote Frontend Teams
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.
The Agent Runtime Workshop: Node.js, Tools and CI/CD
AI Coding Summit LondonAI Coding Summit London
126 min
The Agent Runtime Workshop: Node.js, Tools and CI/CD
Workshop
Alex Korzhikov
Alex Korzhikov
The workshop focuses on theory and practice building production-ready AI agents with Node.js and modern Agent SDKs. We will use a real codebase as an execution environment to explain the core concepts behind agents: the agent loop, tool calling, structured outputs, context management, guardrails,...
Open Source Voice AI: How We Built ChatGPT's Voice Mode Infrastructure
Web Engineering Summit 2026Web Engineering Summit 2026
20 min
Open Source Voice AI: How We Built ChatGPT's Voice Mode Infrastructure
Voice interaction is evolving rapidly with AI agents moving beyond chat windows. Achieving natural conversations with voice AI presents significant challenges, especially in meeting real-time interaction expectations. Advancements in real-time conversation technology and infrastructure are improving latency gaps in voice apps. Optimizing latency at each stage of voice agent processing is crucial for efficient development. Semantic turn detection and efficient function calling are key to optimizing user experience in Voice AI. Workflow management, cost management, signal recognition, and observability are vital aspects in voice AI development.
Featured
Short takes
Ensuring Quality with AI
TechLead Conf Amsterdam 2026: Adopting AI in Orgs EditionTechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
7 min
Ensuring Quality with AI
Richard Rodenkemper, senior software engineer at Sentry, discusses ensuring quality with AI. GitHub data shows exponential growth in coding. Concerns arise about the reliability of coding agents versus human engineers. Impact of AI and Cloud on code production and app quality is questioned. Challenges in code reliability despite increased production are highlighted. AI as a quality tool in software development. Importance of reliability for product success highlighted. AI's strengths in handling data and searching code base discussed. Examples of AI usage in code reviews and quality assurance at Sentry shared. AI efficiency in endpoint deprecation and system updates highlighted. AI's assistance in migrating design systems and reducing notifications using Cloud Code emphasized.
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
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+.
Navigating Islands of Interactivity
React Advanced 2025React Advanced 2025
9 min
Navigating Islands of Interactivity
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.
Organic Leadership in the Age of AI: Why human Touch Becomes More Valuable Than Ever
TechLead Conf Amsterdam 2026: Adopting AI in Orgs EditionTechLead Conf Amsterdam 2026: Adopting AI in Orgs Edition
8 min
Organic Leadership in the Age of AI: Why human Touch Becomes More Valuable Than Ever
Reflecting on the integration of AI in software development and the implications for leadership and decision-making. AI integration in leadership: embracing context, judgment, and accountability. Principles: Context before output, Intent before optimization, Awareness before efficiency, Accountability before automation. Leadership as an ecosystem with roots, stem, and fruit; AI's role in each part. Using AI at different levels of leadership: fruit, stem, and roots. Decision-making needs context. Leadership bridges information and context gaps. AI for efficiency but human touch for depth and understanding.
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.
I Did Everything Wrong So You Don't Have To
React Summit 2026React Summit 2026
6 min
I Did Everything Wrong So You Don't Have To
Angel from ImageKit demonstrates the use of MCPs to improve image and video performance on React websites. The Chrome Developer Tools MCP helps identify and address performance issues by analyzing image loading speeds. MCPs automate issue resolution on websites, leveraging Chrome developer tools for analysis and Image Kit for optimizing images efficiently.
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.
Using Spec-Driven Development for Production Workflows
JSNation US 2025JSNation US 2025
7 min
Using Spec-Driven Development for Production Workflows
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 Experiment to Enterprise: Scaling AI Coding Assistants Across Engineering Teams
TechLead Conf London 2025: Adopting AI in Orgs EditionTechLead Conf London 2025: Adopting AI in Orgs Edition
9 min
From Experiment to Enterprise: Scaling AI Coding Assistants Across Engineering Teams
Sharing insights on scaling AI coding assistance & adopting AI native dev tools. Discussing the need for a shift from viewing adoption as a tech problem to a change management challenge. Exploring a tactical framework with three key phases: onboard, adopt, succeed. Emphasizing the importance of onboarding developers, ensuring access to licenses, and setting clear policies to avoid 'shadow AI'. Highlighting the necessity of human infrastructure for successful AI dev tool implementation, including AI advocates, communities of practice, and executive sponsorship. Adoption strategies require a focus on interconnected metrics and all pillars simultaneously. Leadership checklist for post-conference actions involves measuring metrics, distinguishing between strategic and tactical points, and staying connected through platforms like WhatsApp and LinkedIn.
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.
Latest
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
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.
We Need More Than Prompts
React Summit 2026React Summit 2026
28 min
We Need More Than Prompts
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.
MemLab: Automating Memory Leak Detection and Heap Analysis
JSNation 2026JSNation 2026
19 min
MemLab: Automating Memory Leak Detection and Heap Analysis
Liang introduces MemoryLab, an automated JavaScript memory leak detection tool at Meta. MemoryLab aims to automate memory debugging, use a three snapshot differentiation approach, and provide actionable reports. It clusters similar memory leak traces, reduces debugging work, and offers API customization. MemoryLab facilitates heap traversal, CLI integration, React memory leak optimization, and memory analysis with AI.
This Component Could Have Been A Class
React Summit 2026React Summit 2026
33 min
This Component Could Have Been A Class
Scott introduces React 3 Fiber, emphasizing its uniqueness and ease of use. Discussing the benefits of exploring web APIs beyond the React bubble for enhanced user experience. Exploring CSS properties for animations and scroll snap API for touch support. Leveraging browser capabilities for innovative user experiences. Highlighting advanced CSS techniques and new HTML features for UI design. AI integration in code efficiency and component building. Strategies for AI-written CSS and optimizing AI tools. Firefox's API prioritization and positive trends. Tailwind's role in modern CSS development and impact on React developers.
For Agents, By Agents: Building AI Tools That Maintain Themselves
AI Coding Summit LondonAI Coding Summit London
23 min
For Agents, By Agents: Building AI Tools That Maintain Themselves
Rudhankariyam discusses AI-driven coding to develop self-maintaining AI tools. Introduced an open-source project, App Store Connect CLI, as a case study for AI-driven coding. Implemented automation for App Store publishing using agents and APIs. Managed fewer PRs in bulk, used codex and cursor cloud automations efficiently. Added aliases for hallucinated cloud code commands, improved descriptions and examples. Implemented separate auditor agent for rigorous code review. Emphasized human decision-making for product direction and initial rules in automation strategies. Evaluate model quality based on error rates and user expectations. Highlighted the importance of human judgment in software development amidst AI advancements.
The Last Software Engineer
AI Coding Summit LondonAI Coding Summit London
21 min
The Last Software Engineer
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.
Using Spec-Driven Development for Production Workflows
JSNation 2026JSNation 2026
19 min
Using Spec-Driven Development for Production Workflows
Eric Handshed introduces spec-driven development, emphasizing its benefits in creating high-quality code by writing specs before coding. Spec-driven development involves structured specifications written before coding, enhancing collaboration with language models and coding assistants. The approach guides developers and ensures code quality. Hanchett stresses the importance of guiding large language models with context to ensure they follow the right direction amidst evolving software requirements and paradigms. Be cautious with context in spec-driven development to avoid overwhelming or underwhelming large language models. Use skills to guide coding agents effectively and maintain a human-in-the-loop approach for code review in the spec-driven development process. AWS history lesson leading to Kiro release with CLI option and emphasis on vibe and spec mode for larger projects and complex features. Release of spec-driven development process, manual method without Kiro, Speckit usage in Qro for new and existing projects. Requirements document creation, design document tips, implementation phase tasks with property-based tests, and model context protocol for data source connections. MCP maturation, integration with project management, demo of QIRO IDE for project creation, MVP creation, and property-based tests for requirements satisfaction. Creation of a movie website starting with a design document, generation of property tests using FastCheck in TypeScript, development of requirements document, task list update to create an MVP, implementation of MVP features, and examination of property-based tests.
Replacing Form Libraries With Native Web APIs
React Summit 2026React Summit 2026
17 min
Replacing Form Libraries With Native Web APIs
Jamin discusses the shift from using form libraries to native web APIs in React development, emphasizing the benefits of exploring web-native APIs before relying on libraries. The talk covers topics such as Constraint Validation API, React 19 form actions, and CSS pseudo-classes for form building without libraries. It highlights real-time validation, simplified form submission, and custom error handling in React forms. The importance of customizing error messages, setting up custom error handling, and optimizing form performance are also addressed, along with challenges and recommendations for utilizing web native APIs in form development.
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.
AI Can Generate Tests for You, Now What?
JSNation 2026JSNation 2026
22 min
AI Can Generate Tests for You, Now What?
Living in an exciting yet worrisome period, AI enhances productivity by generating tests. Considerations on scaling AI beyond test generation for high-quality products. AI simplifies test generation but raises quality concerns. Testing dependencies impact code validity. Overreliance on tests doesn't guarantee code safety. AI-generated tests may introduce hidden doubts. Workflow changes with AI assisting in performance, accessibility, benchmark, compliance, and setting up pipelines based on thresholds and risk assessments. Guidelines for working with AI as a team member, emphasizing the importance of standards, review checklists, and safeguarding code. Metrics, learning loops, and strategic improvement for better workflow scalability and testing model quality.
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
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.
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.
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.
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.
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.
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...
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.
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.
From Segments to Suspense: The Future of Next.js Caching
React Advanced 2025React Advanced 2025
27 min
From Segments to Suspense: The Future of Next.js Caching
Introduction to Cache Components in Next.js 16, transforming the app router with new features like partial pre-rendering, Dynamic I.O., and caching directives. Deep dive into static params generation in Next.js focusing on changes in generating static params for improved performance. Exploring challenges of generating static params and balancing static vs. dynamic rendering for better performance. Addressing challenges with cache components, optimizing static and dynamic rendering for improved performance. Understanding impact of parameters on rendering with cache components, managing dynamic components, and introducing suspense boundaries for faster page loads. Enhancing cache life APIs, introducing a new caching model for static outputs in Next.js. Revolutionizing cache management with granular control over cache lifetimes and dynamic segment configuration. Navigating data and caching in Next.js, exploring cache components guidance and caching differences between server and client components.
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.
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...