Explore upcoming talks from events
Talks
Showing 100 talks
Panel Discussion: What's the big next step for Vue/Nuxt?
Vue.js Live 2024





43 min
Panel Discussion: What's the big next step for Vue/Nuxt?





5 authors
We're focusing on performance improvements, both in build and development time. Additionally, we're exploring the use of WASM for deploying binaries into production. WASM is great for performance. Data loader is also important. The target audience for the podcast is Vue developers, including middle to senior developers. The podcast aims to provide new and advanced topics, including features, examples, use cases, and inspiring stories. Podcasts are complex without screen sharing, but videos can provide more in-depth content. Nuxt will be interesting to see. VaporMode in Vue enables performance through built-time transforms. The merging of Wiz and Angular brings core primitives and resumable components. Nuxt community is focusing on performance. The Vue router has an open issue with many routes. Legacy issues with ESM and TypeScript cause pain for maintainers and consumers. Node and the required ESM are exciting. Accessing Cloudflare primitives in development. Micro frontends have a shell with multiple frontends and require a general store. Web components have shown promise, but there are pain points. Mitosis and ReactiveView are alternative solutions. Web components are the best way to adhere to browser standards, but they may have limitations. Nuxt has seen successes despite the limitations of web components. Nuxt 3 has invisible improvements and a good developer experience. The migration from Nuxt 2 to 3 had communication challenges. The Talk will resume after a short break.
Your New Job
AI Coding Summit 2026
15 min
Your New Job

Ken Wheeler discusses the evolving software landscape, emphasizing the shift towards higher efficiency and less typing in job roles. The evolution of coding practices from manual formatting to automated tools like Prettier is compared to advancements in construction tools for efficiency. The use of AI for work efficiency and financial benefits, alongside considerations about the future of software engineers in light of AI advancements, is highlighted. Adapting to industry shifts, embracing new technologies like React, and leveraging early AI adoption for career growth are key points. Transitioning to higher-level roles by combining domain knowledge with AI for decision-making and seizing new opportunities is emphasized.
MCPs: How to Avoid Security Pitfalls
AI Coding Summit 2026
7 min
MCPs: How to Avoid Security Pitfalls

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.
Security Pitfalls in AI-Generated Code: What Happens When Developers Skip Review
AI Coding Summit 2026
25 min
Security Pitfalls in AI-Generated Code: What Happens When Developers Skip Review

Introduction to AI security pitfalls, emphasizing the importance of understanding AI promises and risks, responsibility in verifying AI-generated code, the necessity of code verification and thorough review for secure deployment, ensuring code validation and sanitization for secure applications, risks of unsecure authentication logic and broken authorization due to AI usage, the importance of avoiding exposing secrets in code by trusting AI blindly, learning resources on cloud security and platforms like Flare Learning and TryHackMe, and the significance of creating AI rules, testing, and following best practices for code security.
Beyond Vibe Coding: Differentiated Workflows with Antigravity
AI Coding Summit 2026


10 min
Beyond Vibe Coding: Differentiated Workflows with Antigravity



2 authors
Alex and Rodi discuss antigravity, a powerful coding agent that unifies Google tools. The agent manager orchestrates multiple agents, providing a higher-level view than just code. Features include an AI editor, agent-controlled Chrome browser, and best practices for agent autonomy and usage. AI steering takes time before feeling intuitive. Anti-gravity offers fast and planning modes for building efficiently. The planning mode allows fine-tuning and execution of complex tasks. Playground validates ideas before full projects. The playground in AntiGravity validates project ideas. Image generation, Nano Banana Pro, and Gemini 3 enhance design output. Skills support deep context tasks. Asynchronous nature enables efficient project development. Browser agent serves as a versatile tool for bug fixing. Manual control and inspiration amidst automation. Transition to agent manager for enhanced visibility and decision-making. Encouragement to explore diverse agent-led experiences and updates for workflow improvement.
Your AI Code Reviews Are Missing the Point (And How to Fix It)
AI Coding Summit 2026
25 min
Your AI Code Reviews Are Missing the Point (And How to Fix It)

Ishai, CTO at LearnrB, discusses the evolution and impact of AI code reviews in software development. The transition from experimentation to maturity with autonomous AI agents in code reviews is highlighted. Challenges in AI-driven code creation and review processes, as well as the benefits of AI code reviews for productivity and efficiency, are discussed. Common mistakes and challenges in AI code review adoption, along with the importance of adapting processes for AI advancements, are emphasized. The importance of enhancing AI code review processes, measuring their impact, and leveraging AI for productivity metrics is also explored.
Deploy Your AI Code in Minutes
AI Coding Summit 2026
7 min
Deploy Your AI Code in Minutes

Shifra guides the migration of a Repl.it app to Render with emphasis on simplicity and mock data. Ensure Render deployment requirements are met, including specifying root directory, build and start commands, and correct port. Configure GitHub repository setup, connect to Git, and create a repository. Confirm code in the repository and deploy on Render, showcasing a sample landing page.
From Prompt Spaghetti to Bounded Contexts: DDD for Agentic Codebases
AI Coding Summit 2026
16 min
From Prompt Spaghetti to Bounded Contexts: DDD for Agentic Codebases

Nikita, AI Architect at Siemens, discusses challenges in JNTX system development, emphasizing domain-driven design for scalability and stability. Clear responsibilities, bounded contexts, and structured schemas are crucial for reducing complexity. The anti-corruption layer and context maps play vital roles in integration architecture. Key takeaways include the importance of contracts, firewalls, and CI gates for system development.
Scaling AI Agents for Production Codebases: Patterns for Accuracy and Efficiency
AI Coding Summit 2026
24 min
Scaling AI Agents for Production Codebases: Patterns for Accuracy and Efficiency

Discussing top AI coding best practices in 2026, including semantic understanding and context window management. Exploring the role of Language Server Protocol (LSP) in code refactoring. Efficient code renaming using LSP and code intelligence in Kiro. Impact of not using LSP on code renaming efficiency. Manual approaches without LSP significantly impact efficiency and resource consumption. Context window usage doubles without LSP, affecting code handling. Utilizing subagents for specialized tasks enhances codebase security. Spec-driven development and detailed design documents for efficient agent alignment.
Why Software Engineering Is Becoming: Plan and Review
AI Coding Summit 2026
18 min
Why Software Engineering Is Becoming: Plan and Review

Louis from Vibe Kanban discusses optimizing workflows for software engineers with coding agents, focusing on planning and review. Leveraging AI tools like GitHub Copilot and ChatGPT can enhance productivity by reallocating time effectively. Reflecting on time saved by AI, the focus is on optimizing planning and reviewing to boost productivity. Emphasizing detailed planning processes and effective use of AI coding agents to ensure successful outcomes. Simplifying reviewing processes to save time and enhance productivity through efficient code review. Leveraging Codex and Claude coding agents for efficient code review to optimize time and workflow. Minimizing time spent on code review by providing feedback to coding agents within the editor, working on multiple tasks in parallel, and automating tasks requested by AI for enhanced productivity.
Spec Driven Development: The End of Vibe Coding
AI Coding Summit 2026
21 min
Spec Driven Development: The End of Vibe Coding

Welcome to spec-driven development talk by Daniel Sogel. AI agents struggle with benchmarks and real-world tasks. Developers spend extra time fixing code generated by AI agents. Security issues in AI-generated code, limitations with context management, multi-file coordination, silent failures, architecture decisions, and enterprise context challenges addressed by Spectre from development. AI agents removing safety checks, generating code with fake data, silent failures worse than crashes, spectrum development benefits like complete context upfront, structured reasoning, validation checkpoints, and autonomous implementation without manual code review. Act with AI agents like pair programmers, combine spectrum, behavior-driven, and test-driven development. Spec-driven development adoption in the industry, using Keyro IDE by AWS and popular tools like SpecKit and OpenSpec for different project types. Define tech stack, API structure in planning, task phase implementation, handover to AI agents, and choosing the right spec-driven development tools.
Metrics That Actually Matter: Evaluating AI Agents Beyond Success Rate
AI Coding Summit 2026
16 min
Metrics That Actually Matter: Evaluating AI Agents Beyond Success Rate

John Robert, Lead Data and AI Platform Engineer, discusses evaluating AI agents beyond success rate. Talks about failures of AI projects, the uniqueness of AI agents, and the evaluation process. Creating a Framework for AI Agent Evaluation: Four Evaluation Categories - performance, business, safety, and cost. Metrics creation to enhance AI projects. Includes task completion rates, reasoning quality, accuracy evaluation, tool execution, response time, and recovery time checks. Examining KPIs, Safety, Security, and Cost in AI Agent Projects: Consider ROI, user satisfaction, time-saving, code review, adoption, engagement, risk, regulations, unauthorized actions, and cost efficiency. Checking Infrastructure and Security Metrics: Evaluate project reliability, online presence, errors, resources, prompt injection, data leakages, authorized actions, tool usage.
Voice Agents Crash Course
AI Coding Summit 2026
26 min
Voice Agents Crash Course

Stepan Suvorov, CTO at Roadsoft, discusses the rise of Voice Agents, highlighting market growth, improved models for speech to text and voice generation, reduced latency, and cost-effectiveness. Key components include speech-to-text, LLM analysis, text-to-speech conversion, orchestration, and addressing latency. Delving into essential aspects like voice activity detection, interruption handling, and model selection criteria for Voice Agents. Exploring parameters such as latency, quality, pricing, language support, and voice cloning options. Comparing DIY and managed solutions for Voice Agents, emphasizing flexibility and cost-effectiveness. Discussing cost implications between managed and self-hosted solutions, considering usage volumes and scale. Addressing infrastructure challenges, testing approaches, WAPI limits, model selection, and future plans for voice agents.
Designing Sandboxed Dev Environments for Coding Agents
AI Coding Summit 2026
20 min
Designing Sandboxed Dev Environments for Coding Agents

A demo of an animated goose following the cursor in a unique environment with real-time updates. Advanced models for long-running agents performing complex tasks. Exploring sandbox environments for agent coding, focusing on isolation, containers, networking, and persistence. Challenges in sandbox orchestration, including handling heavy processing, managing sessions, and security concerns. Importance of agent control, Micro VMs for isolation, and networking in sandbox environments. Strategies for efficient sandbox operations with pre-built images, persistent volumes, and warm pools. Utilizing sandbox primitives for simple usage with focus on isolation, networking, and persistence.
How to Help Agents Remember
AI Coding Summit 2026
20 min
How to Help Agents Remember

Carly discusses memory, context in LLMs, and managing information for effective results in agentic systems. LLMs hallucinate due to knowledge gaps, biases, overfitting, and incentives. Importance of context in minimizing hallucinations and focus on memory storage for decision-making. Short term memory acts like RAM, while long term memory stores knowledge and experiences. Efficient memory storage using disk, file systems, and semantic memory. Emphasis on managing message context, retrieval, and concatenation for LLM input. Attention to context length, information evaluation, and memory optimization for accurate responses.
Making AI Coding Work for Enterprise-Grade Browser Extensions
AI Coding Summit 2026
10 min
Making AI Coding Work for Enterprise-Grade Browser Extensions

Todd Schiller discusses using AI to code an AI-enabled extension for global use by enterprises, emphasizing empowering users through browser extensions for versatile automation and customization. Browser extensibility covers various customization methods, including user scripts and low-code options like Pixie Bricks. Challenges in applying AI tools to browser extensions include their distributed nature, slower iteration loops, and adaptation to host sites. Understanding browser extensions as distributed systems reveals complexities such as async operations and intricate component lifecycles. Key best practices will be discussed, starting with selecting the appropriate foundation. Choose a productive foundation like libraries or frameworks for browser extension development. Select between user scripts or low-code platforms like Pixiebricks. Focus on encapsulating extension-specific code, using explicit coding, and enforcing boundaries with linters. Create fast feedback loops with tools like TypeScript, Lint rules, and realistic integration testing with mocks and fakes. Encapsulate extension-specific code using standard tactics like dependency injection and explicit coding. Create fast feedback loops with TypeScript, Lint rules, and realistic integration testing. Shift left to catch issues earlier and avoid relying on slow feedback loops. Avoid testing on host pages directly to prevent slow and potentially flaky behavior detection. Utilize dependency induction, mocks, and fakes for realistic integration tests. Test boring components with Storybook and Playwright MCP. Shift left to catch issues earlier, avoid testing directly on host pages, create test pages for encountered patterns, leverage AI for generating test pages, and ensure a stable testing environment.
The Ralph Wiggum Method Explained
AI Coding Summit 2026
10 min
The Ralph Wiggum Method Explained

Today, exploring Ralph Wiggum AI method's simplicity and persistence. Ralph loops ensure eventual consistency in problem-solving. Challenges in AI chats revolve around context management, emphasizing the importance of effective loop iterations. Basic example of loop iteration and backpressure in Ralph. Using skip permissions can be risky. Running Cloud in a sandbox mode for safety measures. Ralph Wiggum AI Method: Autonomous coding with thorough spec creation. Careful planning needed. Upsides include autonomous operation and clear task handling.
AgentCraft: Putting the Orc in Agent Orchestration
AI Coding Summit 2026
10 min
AgentCraft: Putting the Orc in Agent Orchestration

Welcome to AgentCraft with Iddo Salomon, AI lead. Scale up agents for efficient work but consider cognitive overload. Agent orchestrators are crucial for task management and real-time reactions. AgentCraft is a tool inspired by real-time strategy games to manage agents effectively, with features like heroes and buildings. It visualizes repository files through terrain projection, simplifies code inspection, and enhances task management with cloud code support. Task delivery is streamlined with code merging, quests, and hero summoning for project improvement.
When Less Is More: A Technical Overview of LLMs and the Strength of Smaller Models
AI Coding Summit 2026
11 min
When Less Is More: A Technical Overview of LLMs and the Strength of Smaller Models

Lugari Karasen from Red Hat AI discusses the technical aspects of large language models, including data collection, tokenization, and neural network internals. Model training involves converting human language to mathematical representations and adjusting parameters iteratively in a complex environment. Inference engines like VLLM aid in deploying models for rapid data processing. Optimizing model size for efficiency without sacrificing accuracy is crucial, with quantization reducing model size while maintaining precision. Local deployment offers privacy and control, and smaller purpose-driven models can enhance workflows and experimentation.
Agentic by Default: Rethinking Developer Workflows with Claude Code
AI Coding Summit 2026
29 min
Agentic by Default: Rethinking Developer Workflows with Claude Code

The Talk delves into agent decoding in Cloud Code, emphasizing the importance of planning, acting, and verifying changes systematically. It explores maximizing efficiency through Cloud Code acting as an agent, reasoning, reading, writing code, and using tools for successful outcomes. The discussion covers enhancing task planning, utilizing subagents for specialized assistance, and optimizing tool use with MCP integration. It introduces Cloud Skills, plugins for team collaboration, and efficient tool utilization with parallel workflows. The concept of non-interactive agents, guided autonomy, and steps for experiencing agent decoding are also highlighted.
Build Your Team's Automation Layer: The AI Glue Agent Pattern
AI Coding Summit 2026
18 min
Build Your Team's Automation Layer: The AI Glue Agent Pattern

Speaker specializing in technical architecture discusses the impact of interruptions on deep focus, productivity, and software development challenges in global organizations. Content adaptation to multiple languages required manual glyph corrections and a structured collaboration plane. Transitioning to automated systems raises the question of why orchestration remains manual, with AI as a glue agent. Strategic stock analysis involves N8n workflows, specialized agents, and structured contracts for consistency. Workflow architecture includes JSON contracts, specialized agents, and structured HTML emails for stock analysis. Workflow reliability focuses on independence, idempotence, and robust frameworks for adaptability. Automation and AI integration emphasize process streamlining and human intervention in decision-making. Intelligent orchestration systems involve encoding intent by humans and AI turning it into action, focusing on clear workflows and architecting for control.
How I Build Web Applications in 2026
AI Coding Summit 2026
31 min
How I Build Web Applications in 2026

Kent C. Dodds discusses building web applications in 2026, highlighting the importance of user experience and challenges in offline video downloads. Recent AI advancements in the Epic Workshop app enable offline video downloads with features like bulk downloads and quality control. Efficient AI agent management using agents like Cursor transforms workflow. Leveraging Laravel and Ruby on Rails, Ask Mode enhances project understanding by communicating with AI agents. Emphasizing clear task scoping, iterative planning, and agent feedback improves project development. Utilizing MCP tools and agent workflow, including BugBot for code review, optimizes app development. Closing the agent loop and emphasizing architecture's role in utilizing agent input context are crucial. The talk invites developers to become experienced AI agent managers and join the mailing list for updates.
React-First Micro Frontends in Regulated Industries
React Advanced 2025
23 min
React-First Micro Frontends in Regulated Industries

Welcome to React-first micro-frontends in regulated industries. Introduction to micro-frontends and subdomains in web applications. Challenges of developing applications in regulated industries with strict rules and compliance regulations. Challenges of managing documentation and dependencies in micro front end solutions. Challenges in transitioning to a hybrid centralized-distributed approach for micro front ends. Control and orchestration in microfront-end environments; decentralized development and deployment with centralized oversight. Teams can choose not to upgrade to the latest version immediately; orchestration involves provisioning for end users and utilizing feature flags. In production, carefully selected microfront-ends are used. Using React offers advantages like easy version updates and dependency management. Avoid tightly coupling components from different micro-frontends. Opt for a loosely based approach with a registry in the central app shell for registering necessary fragments.
Chrome DevTools, for Super Fast SSR Applications!
React Advanced 2025
21 min
Chrome DevTools, for Super Fast SSR Applications!

Introduction to Chrome DevTools and the challenges developers face in application development. Utilizing features for debugging, improving performance, accessibility, and security. Exploring file optimization and network throttling for efficient loading and user experience enhancement. Testing application performance under different network conditions and optimizing for varied speeds. Working on PWA applications, testing on slow connections, and ensuring accessibility. Analyzing performance panel insights for optimizing application performance. Using built-in insights, labeling the performance panel, and collaborating with teammates. Leveraging Chrome DevTool MCP server for performance testing and application code improvement.
Benchmarking State Management Libraries in Data-Heavy React Apps
React Advanced 2025
14 min
Benchmarking State Management Libraries in Data-Heavy React Apps

Elina, front-end developer at PhysicsX, compares state management library performance. Data-heavy UI visualization challenges. Recoil replaced; exploring Jotai, Redux Toolkit, Zustand, MobX. Does the library choice significantly impact real app performance? Real timings measurement experiments; safe-to-state time and render time analysis across libraries with various payload sizes. Jotai, MobX, Recoil, and RTK performance focus. Comparing Recoil, Jotai, RTK, Redux, and MobX in state management. User interaction testing for state propagation and highlighting across plots. Performance comparison of state management libraries focusing on rendering and optimization experiments with plot updates. Libraries compared for performance in storing dates and rendering data on plots. Rankings show Recoil, MobX, Jotai around two seconds, Zustand, RTK around four seconds. Consider library fit with your data structure and design state shape and subscription boundaries accordingly.
Coding With O(0) Time Complexity: Fun With Advanced TypeScript
React Advanced 2025
22 min
Coding With O(0) Time Complexity: Fun With Advanced TypeScript

Dante discusses advanced TypeScript concepts in an interactive coding session, demonstrating a Wordle game and explaining the guessing process based on color-coded feedback. The implementation of the Wordle game in TypeScript at compile time and defining the Wordle type in a few lines of code are explored. TypeScript conditional checks using 'extends' for type constraints and creation of custom types like 'not empty' and 'contains' are highlighted. Advanced string template literals are used in TypeScript to check for specific patterns and constraints within strings. The infer keyword in TypeScript is used to determine the first character of a string pattern, and a repeat function is implemented to duplicate a type multiple times. Recursion, string comparison, character indexing, and searching in TypeScript are discussed, along with the practical application of complex TypeScript types in libraries.
Shifting the Trajectory: Undoing the Damage of Working in Front of a Computer Screen
React Advanced 2025
21 min
Shifting the Trajectory: Undoing the Damage of Working in Front of a Computer Screen

Georgios discussing the impact of work on the body, advocating for body checks and sharing personal health experiences. Emphasis on spinal health awareness in children, lack of guidance on sitting habits. Effects of prolonged sitting on arterial elasticity, gene inactivity, and spine pressure. Joint health issues like thinning gel, osteophytes, and lack of movement affecting joint nutrition. The importance of movement in countering body shape changes, adapting to tech neck issues, and stress. Strategies for health improvement through breaks, movement, and exercises. Encouragement for proactive health measures to prevent health decline and maintain mobility.
Building & Monetizing a React Native App for Three Platforms in 20 Minutes
React Advanced 2025
20 min
Building & Monetizing a React Native App for Three Platforms in 20 Minutes

Perttu demonstrates monetizing a React Native app for multiple platforms, covering challenges and project setup. Revenue Cat simplifies app monetization by handling subscriptions across platforms. The process involves configuring app stores, setting entitlements, and integrating SDK for gated access. Implementation includes building the app for iOS, checking user subscription status, and managing purchases and subscriptions. Testing subscription flow on the web app with Stripe payment portal provides insights into user interactions.
Always Accurate Documentation
React Advanced 2025
11 min
Always Accurate Documentation

As a designer and engineer, I've faced challenges with outdated documentation causing friction and trust erosion. Documentation drift arises from scattered sources and lack of a single reference, leading to ambiguity and staleness. React server components offer benefits like server-side rendering, composition flexibility, and lazy evaluation for enhancing documentation quality. By directly generating documentation from the TypeScript compiler, React server components ensure accurate and up-to-date content, improving documentation accuracy and flexibility.
How I Hacked React Native DevTools (And Built a Plugin Framework)
React Advanced 2025
20 min
How I Hacked React Native DevTools (And Built a Plugin Framework)

Simon explains the necessity of a custom React Native DevTools plugin framework due to the limitations of existing tools like Flipper and the lack of plugin support in React Native DevTools. Szymon Chmal, React Native expert at Callstack, explains the constraints of the custom DevTools framework plugin and the unique characteristics of React Native DevTools. The implementation involves bundling code via npm & Metro, using Chrome DevTools protocol for communication, and customizing DevTools frontend and middleware with Rosenite. Further customization includes injecting middleware for UI, adding custom scripts for dynamic content, accessing DevTools UI API for creating custom panels, bridging communication between plugins, and exploring the Resonight network activity plugin for inspecting headers and responses.
Write Once, Use Everywhere: React Meets Web Components
React Advanced 2025
14 min
Write Once, Use Everywhere: React Meets Web Components

Exploring React and web components, bridging the gap between promises and reality. React's limitations in component reusability and the universal potential of Web Components. The evolution of Web Components and their key features in comparison to React. React rendering UI inside Web Components for enhanced portability and encapsulation. React's UI power becomes framework agnostic with dynamic Web Components bridging data and functions for React rendering. React's rendering flexibility allows cross-framework compatibility for single components, showcased in a versatile monorepo setup. Creating and integrating custom elements with React components for cross-framework compatibility. Using React components as custom elements in Vue, showcasing cross-framework compatibility and tool integration.
Vanilla Server Components
React Advanced 2025
24 min
Vanilla Server Components

Krasnzony discusses the introduction of vanilla Server Components inspired by React Summit, focusing on challenges of using components outside a framework. The talk emphasizes improving user experience in React apps through HTTP streaming, sending data to the browser with script tags, and implementing asynchronous components for server-side rendering. Enhancements to React rendering include the pipeable string API for data rendering and server-side dynamic rendering transitioning to client-side interactivity. Challenges in supporting server components and transitioning to server-oriented components are also explored.
Automated Accessibility Testing in React: Beyond the Basics
React Advanced 2025
9 min
Automated Accessibility Testing in React: Beyond the Basics

Introduction to Accessibility Testing in React applications, emphasizing early automation and challenges in scaling. Importance of instant feedback, Unity test, and entry testing for code accessibility. Utilizing end-to-end testing tools like Jest-Axi and Cypress to ensure accessibility compliance. Emphasis on manual testing alongside automated tools. Encouragement for discussions on LinkedIn to enhance accessibility knowledge.
Automatic and Accessible Dynamic Themes With OKLCH Color Space
React Advanced 2025
18 min
Automatic and Accessible Dynamic Themes With OKLCH Color Space

Talk on building dynamic themes using Ocale CH ColorSpace. Personalized UI colors enhance user engagement and product uniqueness. Dynamic theming simplicity and challenges with RGB, HEX, and HSL color formats. KLCH color space: uniform lightness, simple modifications, and high accessibility. KLCH works like HSL but encodes lightness better, enabling practical dynamic theme implementation with CSS. Define lightness values visually for a custom palette mirroring tailwind CSS. Determine chroma for consistency using KLSH formula and user-selected hue. Check hue, adjust lightness and chroma for consistency. Develop Simple Hue Picker for hue selection. Transfer new colours into Tailwind CSS or use other CSS approaches. Use Colory Library for colour calculations.
The Cake Is a Lie... And So Is Your Login’s Accessibility
React Advanced 2025
29 min
The Cake Is a Lie... And So Is Your Login’s Accessibility

Welcome to React Advanced! Disappointed about the cake. Let's discuss accessibility and a mysterious waking up scenario in a strange room. A metaphorical scenario with a confusing room and inaccessible apps, linked to the game Portal as a puzzle platformer series with challenging levels and a taunting AI named Gladys. Discussing the spectrum of disability, including temporary and situational disabilities like wearing glasses affecting screen readability and the importance of considering accessibility in all applications. Discussing the importance of true accessibility in projects and the need to go beyond the legal requirements for genuine inclusivity. Exploring the importance of keyboard accessibility and focus indication for non-visual users. Exploring the functionality of screen readers across different operating systems and demonstrating its use in a web accessibility context with voiceover functionality.
Rethinking React Styling for the RSC Era
React Advanced 2025
19 min
Rethinking React Styling for the RSC Era

Bree discusses the evolution of React styling with React 19, Tailwind, and server-side rendering components, emphasizing static CSS generation. The shift towards native CSS and CSS modules for better scalability and control, and the rise in popularity of Tailwind CSS for its utility-first approach. Challenges in React styling implementations include runtime libraries, streaming UI, scalable theming, and overhead reduction. Panda CSS emerges as a potential successor to Tailwind CSS, offering a blend of CSS and JS experience. Styling decisions in 2025 are philosophical, with Tailwind for speed, Panda CSS for complex design systems, and CSS modules for stability.
React Native as a Gaming UI System in Unreal Engine
React Advanced 2025
20 min
React Native as a Gaming UI System in Unreal Engine

Talk on React Native as a Gaming UI System in Unreal Engine, covering the integration journey, importance in mobile app development, and current methods of game UI creation. Innovative approach of rendering UI in games using a browser headlessly onto a texture. Challenges and benefits of using React Native for game UIs, including handling JavaScript overrides and showcasing a demo. Exploration of applying shaders to React Native UI in a gaming context and invitation to engage with React Native on Unreal Engine for future game development.
Rust Meets React: Diving Into the Next Generation Build Pipeline for React Apps
React Advanced 2025
32 min
Rust Meets React: Diving Into the Next Generation Build Pipeline for React Apps

Choosing the right tools and frameworks is crucial for React projects. VEET enhances developer experience and project adaptability. Optimizing tool stacks with Rolldown can improve production builds. Understanding build steps and code optimization is essential for efficient development. Bundlers play a key role in code optimization and Rolldown offers a unique approach. Rolldown accelerates React development by boosting build speed and optimizing bundle sizes. Xcalibur and Outline show significant improvements in build times. Developing bundler components with OXC and exploring its capabilities. Enhancing Oxlint and Oxformat functionality for improved toolchain. Rolldown's evolution and future plans for Vite integration.
Navigating Islands of Interactivity
React 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.
Building 3D Web Apps in 2025 – React, XR & AI?
React Advanced 2025
17 min
Building 3D Web Apps in 2025 – React, XR & AI?

Bela, open source maintainer, discusses 3D web app development in 2025, leveraging React for XR apps and AI assistance. Explore the evolution of 3D on the web, React's role, and the impact of AI, focusing on large language models and challenges. 3GS foundation makes 3D web dev accessible; React 3 fiber simplifies scene orchestration and enhances performance. React 3 XR enables cross-platform AR and VR app development with spatial understanding and high-quality media rendering. Using React 3 Fiber and XR components, the canvas sets up interactive scenes with meshes for precise display. Imperative cube rotation for performance, AI's impact on 3D web, and challenges of AI in 3D app development.
I Measured React Server Components’ Performance So You Don’t Have To
React Advanced 2025
22 min
I Measured React Server Components’ Performance So You Don’t Have To

Nadia introduces React server components and performance, highlighting the benefits of server components in improving performance and the need for a clear understanding of their impact on rendering and data fetching in React applications. Exploring Server-Side Rendering Impact on Performance: Analysis of transitioning from client-side to server-side rendering, including implications on performance and data fetching. Transforming Empty Screen to Performance Improvement: Detailed process of browser work, React rendering, and data fetching impact. Making the Shift to Server-Side Rendering: Impact on interactivity and data fetching optimization. Understanding the Benefits of AppRouter Version in SSR with Reduced JavaScript Payload and Introduction of Server Components. Investigating Smarter Server-Side Rendering with Server Components and Streaming in Next.js. Refactoring for Server Components: Async Data Fetching, Server Component Identification, and Utilizing Suspense for React Streaming Chunks. Enhancing Performance with Server Components: Balancing Rendering Approaches, Importance of Server-Side Data Fetching, and Leveraging Suspense for Improved Streaming.
React Realtime: From Sockets to Streams (Web & Native)
React Advanced 2025
22 min
React Realtime: From Sockets to Streams (Web & Native)

Violina emphasizes real-time data importance in React apps for web and mobile, covering WebSockets, WebRTC, and WebTransport. Evolution of real-time communication from polling to WebSocket technology. WebSocket connection management in React, optimizing with useCallback. WebRTC implementation for peer-to-peer communication, integrating signaling and server guidance in React apps. Utilizing WebRTC in React Native for feature parity. Comparison of WebRTC for peer-to-peer and WebSockets for client-server connections. Future trends include Web transport with HTTP 3.0 and QUIC for enhanced real-time communication performance.
Beyond Chat Bubbles: Building React Apps Where AI Generates Your UI
React Advanced 2025
20 min
Beyond Chat Bubbles: Building React Apps Where AI Generates Your UI

Introducing different AI interaction styles like chat interface vs. generating interactive interfaces for learning. Evolution of AI interfaces from text-based apps to tailored UIs based on user needs. Generative UI applications creating visual interfaces with AI. AI-driven UI component selection ensuring safety and flexibility. Challenges of true code generation for React or HTML. Balancing AI development approaches for innovation and reliability. Foundational aspects of AI SDK and generative UI with React components. Enhancing learning with voice-enabled interaction and expanding AI applications with voice UI. Voice-enabled workflow automation for various tasks. Utilizing production-ready AI technology for adaptive interfaces.
The New AI Workflows
React Advanced 2025
14 min
The New AI Workflows

The Talk delves into the impact of LLMs on engineering workflows, emphasizing the shift towards AI for code writing efficiency. It highlights the importance of problem-solving abilities and product development in hiring practices. LLMs enhance productivity for developers, designers, and product managers, enabling faster iterations and collaboration. Efficient product workflows are achieved through simultaneous UI and code work using Builder.io. Task delegation is streamlined with async agents and Builder bots, optimizing project editing and code management. Integration with tools like VS Code and Figma streamlines design and code editing, enhancing collaboration and workflow automation.
The Dark Side of Micro-Frontends
React Advanced 2025
29 min
The Dark Side of Micro-Frontends

In the Talk, various key points were discussed regarding micro-front-end architecture. These included challenges with micro-intents, common mistakes in system design, the differences between micro-intents and components, granularity in software architecture, optimizing micro-front-end architecture, efficient routing and deployment strategies, edge computing strategies, global state and data sharing optimization, managing data context, governance and fitness functions, architectural testing, adaptive growth, value of micro-frontends, repository selection, repo structures, and web component usage.
Final Fantasy IX in React: Fighting the Browser, One Frame at a Time
React Advanced 2025
32 min
Final Fantasy IX in React: Fighting the Browser, One Frame at a Time

The speaker discusses various creative projects and game development ideas, including unique games like Katamari Node Modules and Command and Conquer Tiberium Jira. They delve into the technical advancements of Final Fantasy 9, suggesting rebuilding it with modern tools like Godot or Unity. Challenges of nostalgic development, design styling techniques, interactive UI development, and advanced 3D rendering in React are highlighted. The talk also covers efficient scene rendering techniques, character movement in 3D scenes, visual effects, game element recreation in React, challenges in 3D web development, and future game development plans.
React Server Components in Kubernetes: Ship Happens
React Advanced 2025
30 min
React Server Components in Kubernetes: Ship Happens
Premium

Jan discusses running components in Kubernetes, emphasizing the use of Docker containers and securing Docker images. Kubernetes ensures high availability by distributing load to healthy nodes and can spin up new nodes in case of failures. Next.js explains caching in React server components and the challenges in Kubernetes high availability setups. Strategies for optimizing data caching include avoiding caching authenticated routes and simplifying server components. The talk covers Kubernetes probes, React Router integration in Kubernetes, direct server action to Kafka, and handling component updates and pod failures. Entry into Kubernetes as a front-end engineer, embracing the Kubernetes journey, balancing caching strategies for app speed and accuracy, and dealing with version skew and service mesh are also discussed.
Fast-Tracking Quality for Hundreds of React Applications With Automated Testing Layers
React Advanced 2025
29 min
Fast-Tracking Quality for Hundreds of React Applications With Automated Testing Layers

Discussion on improving release cycles and testing efficiency, transitioning to React Native, quality assurance challenges addressed through redefined responsibilities and test automation, shift-left approach for early testing and diversification of automated tests, efficient test execution with caching strategies, impact of caching on CI performance, efficiency with change recognition and caching, project-specific approaches for testing, test optimization with AI and Pyramid test structure, QA team transitioning to engineering, handling unautomated tests and test association, maintaining test stability with Git revert strategy.
Panel Discussion: Write Once, Render Anywhere
React Advanced 2025




33 min
Panel Discussion: Write Once, Render Anywhere





4 authors
Taz Singh, experienced JavaScript developer, recalls early struggles with JavaScript for video games. Transitioned to React development after initial skepticism. Explored React Native for mobile app development and React Native web. Introducing Nicola Corti, Jorge, and Swan from React teams. Swan questioned on moving from React to Linx. Discussion on React, Linx, and shared experiences. Discussing the challenges and importance of open source advocacy and aligning internal priorities with external ecosystem growth at big tech companies like Meta and ByteDance. Discussing the alignment of internal priorities with external ecosystem growth and the challenges faced in open-sourcing technologies at ByteDance and Meta. React Native's focus on React, combined with efforts to make web technologies work effectively, showcases diverse perspectives in enhancing technology solutions and fostering collaborative learning. Amazon's groundbreaking shipping of React Native, coupled with a democratic approach to React's evolution, signals the next chapter for the ecosystem and community. AI's impact on cross-platform development, the use of agents for React and React Native, and challenges in maintaining app parity between platforms. AI's role in UI frameworks evolution and the importance of human-centric design for AI integration, gratitude for open-source contributions.
React Native AI: Bringing on-device LLMs with AI SDK to React Native
React Advanced 2025
26 min
React Native AI: Bringing on-device LLMs with AI SDK to React Native

Hello everyone, React Native AI, AI SDK from Brazil, connect AI SDK with React Native, Szymon Rybczak, senior React Native developer, React Native AI, run AI on device, powerful devices, on-device AI on mobile, iPhone 15 Pro performance. Devices are powerful. Inspired by Guillermo Rauch's tweet on Google Chrome's Gemini model. Researched topic, learned about providers in AISDK, create and plug providers for various APIs. Excitement for WWDC, experimenting with Apple Foundation Model in React Native, impressive performance. Apple investment in React Native, code sharing success with Vercel SDK and React Native AI Apple package, extensive features and community support. Integration with ASDK, expanding providers for on-device models, Android models support, real-life privacy-focused applications. Simulator compatibility on macOS 26 and Pixel 9 Pro, upcoming Android models, LLM offline training trade-offs, privacy and efficiency benefits. Image and video generation potential, Device model parameter size comparison, Apple's optimized on-device model performance, Implications for other AI apps like Gemini and Jacky P.T. On-device model implementation for offline scenarios, Support for multiple runtimes, Memory consumption comparison, Whisper.RN and LLM.RN functionality, Device compatibility verification via APIs.
What's Under the Pointer?
React Advanced 2025
30 min
What's Under the Pointer?

Let's discuss Tealdraw, a versatile application with a whiteboard feature similar to Miro and Excalitraw. Tealdraw offers an SDK, tealdraw.dev, enabling innovative creations like a liquid simulation. Challenges in Tealdraw included optimizing hit testing, managing selection logic, and addressing shape interactions. The debugging geometry view allows for efficient handling of canvas data and hit detection. Tealdraw's approach to hit testing involves bounding boxes, shape hierarchy navigation, and handling user interactions with polygons. The talk explores technology choices, resolving logic levels, and utilizing CSS masks in Tealdraw, emphasizing the importance of user interaction and efficient hit testing processes.
Type-Safe URL State Management in React With nuqs
React Advanced 2025
30 min
Type-Safe URL State Management in React With nuqs

François Best introduces nuqs, a URL state manager for React, offering teleportation and time travel abilities. Nuqs addresses browser rate limits on URL updates and creates entry points into the app by putting state in the URL. Nuqs allows for server-side rendering and shareable UI creation with a declarative approach. URL source is used as a truth for state handling and debouncing URL updates is finalized in nuqs. Type-safe URL parameter handling and compression parsing are supported, ensuring security and routing safety with TanStack integration.
lynx-ui: Best Lynx in Components
React Advanced 2025


30 min
lynx-ui: Best Lynx in Components



2 authors
Shun discusses challenges in building React components for production, especially for mobile web; explores building complex mobile apps like TikTok with LYNX technology; introduces Lynx UI components for native user experiences; showcases customizable interactions with Lynx UI, including custom animation with MTS logic; demonstrates building composable dialog components and customizable design integration; extends Design System to TikTok with MotionJS adaptation and sponsorship announcement; introduces LYNX UI Theme LUNA and upcoming multi-platform app release.
Democratising AI in Engineering: Lessons from Typeform's Journey
React Advanced 2025
36 min
Democratising AI in Engineering: Lessons from Typeform's Journey

The Talk at Typeform discusses democratizing AI access, focusing on AI tool adoption and enabling access with AWS Bedrock. Simplifying access to AI is highlighted through Bedrock API keys, leading to increased utilization and tool flexibility. The impact of democratizing AI tool usage on hiring processes and collaboration is emphasized. Empowering AI access without strict prescriptions and adapting to the dynamic AI landscape are key themes. Vibe coding at Typeform enhances user experience, while assessing engineers' AI proficiency in hiring is crucial for future software engineering roles.
Node.js: More Threads Than You Think
React Advanced 2025
32 min
Node.js: More Threads Than You Think

The talk covers a range of topics including Node.js evolution to a multi-threaded system, scaling with the cluster module, managing PM2 for efficient orchestration, challenges in SSR frameworks, TCP SO reuse port for resource utilization, VAT architecture for smart service routing, zero downtime deployment with shared cache, performance benchmark results, PM2 performance challenges, legality and functionality of TCP SO reuse port, kernel balancing considerations, tool comparison between PM2 and Deno, cache consistency challenges, VAT architecture with worker thread recovery, T-scaling for vertical scaling, and updating Node V6 applications.
Innovation Without Limits: The Blueprint for a Culture Where Anyone Can Build AI Agents
TechLead Conf London 2025: Adopting AI in Orgs Edition
21 min
Innovation Without Limits: The Blueprint for a Culture Where Anyone Can Build AI Agents

The Talk highlights the integration of Semble and AI, focusing on identifying use cases over technology for organizational efficiency. Claire's empathy-driven AI development showcases the importance of user empathy in software creation. Semble emphasizes deep understanding of technology for innovation. The adoption of technology at Semble is driven by simplicity, learning-by-doing, and internal champions. Safety, guidance, and experimentation are key for agent usage. Leveraging customer insights leads to innovative ideas, while secure data handling empowers innovation. Transitioning to production scale with AWS and cultivating technology adoption through gradual showcasing of benefits are essential processes at Semble.
From Segments to Suspense: The Future of Next.js Caching
React 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.
AI-accelerated Legacy Modernisation
TechLead Conf London 2025: Adopting AI in Orgs Edition
23 min
AI-accelerated Legacy Modernisation

Discussing the importance of adopting AI in legacy modernizations and the risks associated with outdated systems, challenges in legacy ecology, reliability rupture, and migration mutiny. Exploring Lean Tech at Theodos for maintaining agility and customer value, improving system architecture through visualizing endpoints and high-quality coding. Optimizing accuracy with agent coders, industrializing migration with LeanTech principles for 10x acceleration. Leveraging AI for product building, AI model evaluation, and the preference for Claude over GPT in migration.
Shipping AI Under Constraints: Build, Buy, or Kill
TechLead Conf London 2025: Adopting AI in Orgs Edition
8 min
Shipping AI Under Constraints: Build, Buy, or Kill

Dave, Engineering Manager at Capital Untap, shares a story of AI failure and lessons learned from moving too fast in AI development within the company. The AI team focused on developing a chatbot for customer service, which became a flagship initiative under engineering governance. Issues with accuracy and complexity led to pausing the chatbot project and exploring third-party vendors. Capital OnTap reset AI processes by integrating AI engineers into product teams, emphasizing standard engineering over specialized AI teams.
Everyone Is Now a Manager - Interfaces in the World of Agents
TechLead Conf London 2025: Adopting AI in Orgs Edition
6 min
Everyone Is Now a Manager - Interfaces in the World of Agents

Sam Kmezverk's talk covers the evolving tech landscape, emphasizing key principles for agents' implementation in tasks and decision-making processes. Addressing challenges in agent orchestration, debugging system issues, and cultivating user trust are crucial for successful interface development.
Building Interactive Async UI with React 19 and Ariakit
React Advanced 2025
28 min
Building Interactive Async UI with React 19 and Ariakit

Speaker shared challenges in building UI components with custom design, addressing accessibility standards, and handling async operations in React. Tools like Tailwind CSS, ARIAKit, and React 19 were highlighted for enhanced UI development. Focus on improving accessibility, UI structure, and interactive components with ARIA kit and React 19. Optimizing UI styling with ARIA attributes, enhancing keyboard accessibility, and readability. Coordinating UI updates with 'use transition' and 'use optimistic' hooks for seamless transitions. Streamlining error handling, implementing advanced logout functionality, and showcasing ARIA kit benefits. Discussing notification practices, component selection, and contrasting ARIA Kit vs. React ARIA capabilities.
Transforming Your Tech Interviews in the AI Agent Age
TechLead Conf London 2025: Adopting AI in Orgs Edition
11 min
Transforming Your Tech Interviews in the AI Agent Age

Anna McDougal, director of engineering operations at Blinkist, presents the McDougal method for technical interviews aiming to improve their effectiveness by leveraging emerging technologies. The challenges in technical interviews involve the inadequacy of measuring the right skills through traditional methods like DSA problems and take-home tests. The speaker questions the necessity of perfection in engineering hires and emphasizes problem-solving skills over perfection, especially with AI tools. Hiring criteria are evolving with a focus on attitude alignment and cultural addition rather than just fit. Maximizing value in hiring involves seeking candidates with aligned goals and the necessary toolkit for the job. Ensuring technical interviews reflect actual job conditions and tool usage is crucial, and encouraging experimentation and feedback on proposed methods is essential for improvement.
From Experiment to Enterprise: Scaling AI Coding Assistants Across Engineering Teams
TechLead 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.
Let’s build K.I.T.T. With JavaScript
React Advanced 2025
29 min
Let’s build K.I.T.T. With JavaScript

Nico introducing himself and his work in machine learning and AI. Exploring the essence of Kit and its human-like features, and the use of Transform.js for machine learning in the browser. Understanding the significance of model parameters and the availability of open source models like Apertus and GEMMA3. Creating a fine-tuned version of the AI pipeline using prompt engineering with a new system prompt for improved behavior and responses. Utilizing Reddit to extract scenes, transforming screenplays into structured JSON, and creating an LLM summarizer for semantic similarity comparisons. Introduction to Agentic Rack System and Autonomous Task Completion by AA Agents. Utilizing TensorFlow and Transformer JS for Various Tasks and Models. Running LLMs in the browser is not practical due to large model sizes. Device performance matters in browser-based AI processing.
Forging the Agentic Engine Room: A Human-Centric Playbook
TechLead Conf London 2025: Adopting AI in Orgs Edition
31 min
Forging the Agentic Engine Room: A Human-Centric Playbook

The speaker shares experiences in AI project production and the importance of leadership in increasing successful AI product launches. Challenges in implementing AI solutions include resource allocation and adapting to new technologies. The transition to Python for a project launch in September involved upskilling the team. Establishing clear expectations and career frameworks for engineers is crucial for success. Fostering growth through experimentation and innovation events enhances skills and collaboration. Effective communication, user experience focus, and continuous testing are key to project success in AI initiatives. Encouraging psychological safety and involving employees in AI adoption are important strategies for transformative journeys.
React Beyond the DOM
React Advanced 2025
27 min
React Beyond the DOM

Speaker discussed React's capabilities beyond the DOM, including installation of key packages, UI component building, state management, and reconciliation. React's platform-agnostic nature, compatibility with various renders, use of virtual DOM and diffing algorithm. Diverse rendering capabilities of React, such as React DOM, React Native, React 3 Fiber, React Native Web, React PDF, and Ink. Exploration of rendering to IoT devices using XState, state transitions in traffic lights, and building a secure developer ecosystem with React at Atio. Encouragement for developers to explore innovative UI rendering, custom render options, and favorite custom renders like 3-Fiber. Insights on React implementation, DevTools interaction, and discussion on Vim shortcuts in VS Code.
How AI is Impacting Engineering Leadership
TechLead Conf London 2025: Adopting AI in Orgs Edition
34 min
How AI is Impacting Engineering Leadership

The speaker discusses the impact of AI on engineering leadership and shares personal journey and goals. Sensationalistic AI predictions induce fear of missing out among engineering leaders, leading to negative perceptions. Unrealistic AI expectations affect motivation and industry sentiment. Strategies for effective AI adoption include starting small, prioritizing culture over tools, and staying informed. Engineering roles are evolving towards a convergence, focusing on human-related skills and problem-solving in the AI era. Balancing code writing and reviewing, supporting junior colleagues, and navigating career progression are crucial for engineering leadership development.
From TV to Touch: How We Made React UI Work Across Every Input Mode
React Summit US 2025
5 min
From TV to Touch: How We Made React UI Work Across Every Input Mode

Seungho Park discusses the importance of spatial navigation for TV apps and the challenges of supporting remote, pointer, and touch inputs. Real examples are explored, including focus placement, restoring focus, and grouping elements for stable navigation. Challenges in TV app navigation such as key scrolling in grid lists and managing input mode transitions are highlighted. The talk also delves into handling input modes, designing for 5-way, pointer, and touch input, and addressing edge cases. Implementing the W3C spatial navigation standard, defining focus properties for container elements, and encouraging exploration of React UI spatial navigation support are key points.
Particles, Pixels, and Purpose: Creative Frontend Beyond the Grid
React Summit US 2025
19 min
Particles, Pixels, and Purpose: Creative Frontend Beyond the Grid

Chris introduces himself as a web developer with vast experience in UX engineering, emphasizing the importance of evoking emotions through interfaces. Childhood influences from anime, Disney, and video games shape career choices. Navigating dreams of soccer and software engineering, finding joy in challenges. Reflecting on 3js experiences and the significance of the golden ratio. Explaining Fibonacci sequence, GPU shaders, and natural patterns. Using React 3 Fiber to enhance particle playground. Celebrating creativity in frontend development as a fusion of engineering and creativity.
From Pull To Push? — It’s Time To Talk About Signals
React Summit US 2025
23 min
From Pull To Push? — It’s Time To Talk About Signals

Julian explores the importance of JavaScript signals, React's paradigm, and the evolution of paradigms in the JavaScript ecosystem. The evolution of state handling in JavaScript from pull to push approaches, the framework principles of state management and observables in JavaScript frameworks, React's signal handling, virtual DOM optimization, and the push approach. Simplified state management with signals and the challenges and solutions in implementing and optimizing signal handling in modern frameworks.
Building Browser Extensions with React - That Don't Break Browsers
React Summit US 2025
20 min
Building Browser Extensions with React - That Don't Break Browsers

Jonny Fekete discusses building web extensions with React, the simplicity of manifest.json, the shift from manifest.v2 to manifest.v3 in Chrome, and the impact on functionalities like persistent background scripts and access restrictions. The transition to manifest.v3 for web extensions, the siloed contexts of web extensions, and the use of sendMessage API for communication between different contexts. Challenges in web extension development, complexities of setting up custom configurations, and the modern approach with the WXT framework for easier development and state persistence. Challenges in state persistence and data storage in web extensions, including local, session, and event sync storage methods. Managing multiple tabs' state and data storage with consideration for tab IDs to prevent memory leaks. Consider using storage over Redux for better debugging and architecture. Address CSS collision with Shadow DOM and custom web components to isolate styles from the underlying web page. Utilize background script for throttling and debouncing, efficient storage utilization, and the WXT framework for ease of development and communication.
A JavaScript Less Future - New Browser APIs and Their Impact on the Future of React Development
React Summit US 2025
21 min
A JavaScript Less Future - New Browser APIs and Their Impact on the Future of React Development

Introduction to JavaScript Less Future, impact of new browser APIs on front-end development, S&C Electric Company overview, shift towards less JavaScript, historical perspective of web development challenges, importance of browser APIs in modern development, focus on key browser APIs for enhanced user experiences, demonstration of date picker functionality. Exploring Date Picker Functionality with Code Integration and Browser APIs. Closing Panel and Utilizing New Browser APIs for Date Time Picker. Controlling Date Time Picker Panel Position with New Browser APIs. Customizing Date Range Styling with CSS and Anchor API. Animating Date Range Picker with View Transitions and CSS Attributes. Developing Text Formatter with Dual Layers and Event Handling. Developing Plain Text Only Content Editable Layer with Highlighting API. Applying Styles with CSS Selector and Color API.
Suspenseful Component Composition
React 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.
Deep Dive on React Hooks Architecture
React Summit US 2025
25 min
Deep Dive on React Hooks Architecture

Introduction to React Hooks and Architecture with insights into Mattermos, React components, and JSX syntax. Understanding React.createElement, React components, and createRoot for DOM rendering. Exploring React rendering process and scheduler's role in managing component work units. Exploring React fiber tree creation and hook mechanism for state management. Exploring React fiber tree mount and update mechanisms with global variable orchestration. Exploring the use of global variables for performance optimization and the process of callback updating in React Fiber tree. Exploring hook rules and different hook mechanisms like useRef and useEffect in React. Effects in React fiber, useState complexity, update mechanisms, and cost considerations. Memory storage considerations for hooks, impact on CPU, and style optimization. Insights into React Fiber storage of props and style comparisons. Summary of topics covered and acknowledgment of additional details for future exploration.
Secure Micro-Frontends: Authentication Magic at Dutch Railways
React Summit US 2025
35 min
Secure Micro-Frontends: Authentication Magic at Dutch Railways

Pieter Eigenmans discusses Microfrontends, authentication at Dutch railways, Model Federation, OIDC, and Kubernetes configuration. The SporeViewer app enables real-time train tracking in the Netherlands with multiple applications on one screen. Transitioning from monolithic to modular architecture allows for independent feature deployment and multifederation framework utilization. Microfrontend setup involves splitting applications into front and back end components, organizing them into verticals using domain-driven design. Efficient frontend building with module federation, Web Components, and model federation enhances speed and scalability. Authentication challenges are addressed using OIDC, MSAL integration for token management, and secure API calls via MSAL libraries. Kubernetes configuration enables versatile environment setup using config maps for loading configuration files.
Design Systems and UI in a Bi-directional World
React Summit US 2025
19 min
Design Systems and UI in a Bi-directional World

Matt Sikathian emphasizes the importance of supporting right-to-left layouts in web development and the challenges faced in implementing Arabic scripts effectively. Adapting UI to right-to-left reading aligns with users' cognitive patterns, with CSS advancements showing promise in meeting diverse language needs. The unique considerations of Arabic script in UI design, technical adjustments necessary for Arabic typography, and handling bi-directional layout challenges using direction-agnostic approaches are discussed. The talk also covers enhancing React for logical CSS properties, building UI tools with icon mirroring, and streamlining icon management and automation for improved developer workflow.
Winning the Hydration Battle: Unlocking React Performance with the Power of Suspense
React Summit US 2025
20 min
Winning the Hydration Battle: Unlocking React Performance with the Power of Suspense

Gil from Wix discusses solving a React performance bottleneck with selective hydration using Suspense API, showcasing real examples. Challenges of SSR with React hydration and its impact on interactivity and performance are outlined. The importance of selective hydration, efficient component loading, promise handling, lazy loading, and real-world impact are highlighted. Selective hydration enhances performance by reducing JS load, comparing server components with Suspense, and introducing React 19 optimizations. React 19 brings cleaner promise-based behavior, selective hydration improvements, and key takeaways on SSR benefits, suspense power, and React 19 enhancements.
Oh My GHaaD: Git Hosting as a Database
React Summit US 2025
11 min
Oh My GHaaD: Git Hosting as a Database

Chris Griffin discusses the innovative concept of Git Hosting as a Database, emphasizing the importance of data, authentication, and authorization in backend development. The utilization of file-based databases like parket files and the simplicity of authentication and authorization in building platforms similar to GitHub stand out. The architecture of a Git-based backend offers flexibility in backups, privacy features, and serverless advantages. Integrating with frontend frameworks through custom hooks and considering rate limiting issues on platforms like GitHub and GitLab are key points in application development with a backend-free approach using GitHub and GitLab.
The Journey of a Pixel in a React Application
React Summit US 2025
24 min
The Journey of a Pixel in a React Application

Shem Magnezi discusses the importance of understanding web development technologies like React, HTML5, and WebSocket for optimizing websites and improving user experience. The challenges of website delivery include delivering a perfect user experience, slow network issues, DNS resolution complexities, and handling various resources efficiently. Optimization of HTML loading, resource compression, and prioritization are crucial for faster website delivery. Improving performance through code optimization, React best practices, and state management is key for enhancing user experience.
This Is How We Made Postman Launch Twice as Fast
React Summit US 2025
25 min
This Is How We Made Postman Launch Twice as Fast

CEO tests Postman on cheap laptop, reveals performance issue. Ruben Casas gives 5 tips to enhance app performance, emphasizing the importance of measuring and focusing on a key metric like TTF from mobile gaming. TTU stands for Time to Usability, a key metric for app performance optimization. Measuring TTU involves adding marks for key processes like platform initialization, JavaScript evaluation, data fetching, and rendering. Need a plan of action after identifying performance issues. Transitioned from Electron to web for faster updates, impacting download size. Introducing StatusScope for bundle optimization, reducing JavaScript bundle size significantly, implementing PR checks to prevent bundle size regression, optimizing network calls by removing dead features and prefetching critical data. Challenges with v8 snapshots, preference for full bytecode caching, adapting and iterating based on metrics, organizational obstacles, and the shift towards collective performance responsibility.
Seamless BLE-to-Live Activity Sync in React Native — No Push Needed
React Summit US 2025
25 min
Seamless BLE-to-Live Activity Sync in React Native — No Push Needed

Introduction to React Summit 2025 focusing on seamless Bluetooth Low Energy integration with iOS Live Activity. Understanding custom modules in React Native and Bluetooth Low Energy basics. Challenges with iOS Live Activity updates on Bluetooth devices without push notifications. Exploring UI background mode in iOS for Bluetooth communication wake-up. Utilizing React Native Bluetooth manager for seamless integration with iOS native modules. Demonstrating Bluetooth communication between peripheral and central devices using iOS Core Bluetooth. Exploring challenges and best practices for live activity development in iOS.
React Components for both the Client & the Server
React Summit US 2025
16 min
React Components for both the Client & the Server

Kiko shares the process of building UI components for both client and server sides, highlighting performance benefits and challenges of using server components. Building a reusable UI library with server and client components, aiming for similarity and adaptability. Adding interactivity to a data table in a Next.js application by incorporating client components for reactivity and customization. Building customization by incorporating a custom cell, resolving errors between client and server components, and optimizing syntax highlighting and markdown processing. Achieving composition pattern at the component level by separating client and server parts, maintaining an agnostic component part, and optimizing rendering for client-specific functionalities. Achieving client-server performance optimization by keeping rendering tree agnostic, enabling separate client component extraction, and promoting interactivity within components.
When Raspberry Pi Said No to Node: How We Rewired Our Next.js App
React Summit US 2025
20 min
When Raspberry Pi Said No to Node: How We Rewired Our Next.js App

Welcome to a storytelling session intertwined with technology aspects, showcasing how a Nexus application was rewired due to unexpected constraints after deployment for an EV client on Raspberry Pi without Node.js. Discussing the initial architecture of a battery management application for electric vehicles using NixJS, D3JS, and edge caching. Challenges faced when Node.js was removed and the impact on server-side rendering and application performance. Facing constraints without Node.js in NixJS app, investigation on adapting to hardware realities, and finding a solution by dissecting NixJS to remove dependencies. Replacing ISR without Node.js, adapting to static export in Next.js, optimizing API calls for client-side performance, rewiring to local setup for enhanced performance, and accidental discovery of static advantage over dynamic. Design for hardware constraints, understand tools and frameworks deeply, stay adaptable, and keep solutions portable.
The Journey of Rebranding 7+ Years Old App
React Summit US 2025
30 min
The Journey of Rebranding 7+ Years Old App

Kasia Trzemska introduces the rebranding journey of a seven-year-old app, emphasizing challenges and technologies involved. Challenges in A-B testing include handling winning and losing sides, codebase growth, and user feedback importance. Struggles with component styling, data analysis for understanding design systems, and codebase cleanup for rebranding. Efforts in code automation, typography unification, and promoting design system adoption. Lessons learned include transparency, communication, data-driven decisions, and delegation for success in rebranding projects.
Design to Code Using a Custom Design System with AI
React Summit US 2025
19 min
Design to Code Using a Custom Design System with AI

Chaitanya, Principal Engineer at Atlassian, discusses the design system at Razorpay, the impact of AI on UI development, and the integration of AI with design systems for enhanced productivity. Detailed prompts for AI to build UI components can be cumbersome. Imagine a seamless process where AI interprets Figma designs to create UI. Leveraging design expertise and focusing on business logic, not writing detailed AI prompts. Blade's MCP server facilitates the magic of transforming Figma designs into UI code by collaborating with Figma and OpenAI.
Frontend Internationalization That Reads Like English (Thanks, gettext!)
React Summit US 2025
19 min
Frontend Internationalization That Reads Like English (Thanks, gettext!)

Henry Lee presents a frontend internationalization approach using React and discusses challenges in naming keys for translations. The Talk addresses issues with naming keys in JSON dictionaries, refactoring keys to eliminate translation challenges using GNU GetTex, exploring GetTex workflow for efficient localization with Lingui, defining messages and extraction with Lingui workflow, optimizing Lingui compilation and translation, enhancing Lingui features for translation, and encouraging Lingui adoption for projects by addressing reasons for underutilization and promoting trial and migration.
Slots, Slots, Slots, Everybody!
React Summit US 2025
20 min
Slots, Slots, Slots, Everybody!

Abbe explains how slots enhance dynamic content in components and demonstrates creating a custom element with the shadow DOM. The content covers utilizing slot attributes for named slots and slot buttons for navigation within components. It explores styling effects on components, default and named slots usage in Vue components, access and management of slot props using scoped default slots in Vue, and dynamic list creation with JavaScript destructuring in Vue components. Additionally, it discusses name slots in Angular for content projection, CSS selector matching, slot selectors, conditional content projection with ng-template, and view encapsulation modes like Shadow DOM API.
The No Frills Frontend Migration Survival Guide
React Summit US 2025
13 min
The No Frills Frontend Migration Survival Guide

Front-end migrations challenges and survival guide. Understanding types of migrations: frameworks, libraries, and infrastructure. Strategies include big bang and gradual approaches, balancing risk, time, and maintenance. Comparing outside-in and inside-out migration approaches. Emphasis on the benefits of the inside-out approach for modernization. Web Components offering a universal way to use components across frameworks. Web Components lifecycle and integration with React. Cross-framework integration of Web Components for smooth migration.
Optimizing React Applications: Deep Dive into the React Compiler
React Summit US 2025
24 min
Optimizing React Applications: Deep Dive into the React Compiler

Victor Alencar introduces the React compiler and discusses its potential optimizations, including evolution of state management to hooks and performance improvements. The talk delves into using memorization techniques, compiler optimizations, and code transformations for better React performance. It also covers cache utilization, automated memorization, and gradual adoption of the React compiler for enhanced UI rendering. Additionally, the discussion involves compiler assumptions, debugging recommendations, and code simplification for optimized React usage.
View Transitions in React: A New Era of Seamless UI
React Summit US 2025
13 min
View Transitions in React: A New Era of Seamless UI

Samuel Ouyang highlights the significance of smooth UI in modern apps and introduces the React 19 View Transition API. The View Transition API works with SSR and RSC but has limitations as a wrapper. Implementing the Use View Transition custom hook can address these limitations and make it SSR safe. The custom hook enables smooth transitions for various interactions like route changes, panel transitions, click events, and list reordering. It encourages the optimized use of the View Transition API to improve user experience and avoid DOM hacks.
Practical Guide to Animation in React
React Summit US 2025
27 min
Practical Guide to Animation in React

The importance of animations in enhancing user experience by bridging the gap between user expectations and digital interfaces. Practical examples of creating animations using CSS transitions and keyframes for smooth and complex effects. Utilizing timing functions with cubic Bezier curves for diverse animations and accessibility considerations. Introducing Vue Transitions as a powerful web API for seamless animations with broad browser support. Customizing Vue Transitions for unique effects, optimizing usage with unique names and global disabling, and transitioning to Spring-based animations for natural UI interactions. Exploring FramerMotion and Motion Library for React animations, configuring spring behavior for smooth effects, and enhancing animations with Motion and CSS for improved user experience.
Lessons From Adopting React Compiler
React 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.
Accessible by Default: Building Apps That Everyone Can Use
JSNation US 2025
24 min
Accessible by Default: Building Apps That Everyone Can Use

This talk emphasizes the importance of accessibility in app development for all users, highlighting various types of disabilities and the need for inclusive design. Neglecting accessibility poses legal, financial, and reputational risks, with active enforcement of regulations. Accessibility improves usability for all users, enhances user retention, and provides SEO benefits. React Native and proper element labeling play a crucial role in enhancing app accessibility. Dynamic content accessibility, text scaling optimization, and incorporating AI for accessibility enhancement are essential for creating inclusive and user-friendly apps.
Beyond Code: Crafting Effective Discussions to Further Technical Decision-Making
JSNation US 2025
20 min
Beyond Code: Crafting Effective Discussions to Further Technical Decision-Making

People often multitask during meetings, leading to lack of engagement. Importance of effective technical meetings for job satisfaction and career growth highlighted. Strategies for engaging and productive technical meetings through purposeful facilitation. Ways to make meetings engaging and goal-oriented, encouraging diverse thoughts in problem-solving. Varied participation styles create inclusivity and enhance meeting dynamics. Strategies to address meeting pitfalls include time limits, addressing lack of understanding, managing attendees, and ensuring discussions lead to action items.
Building Desktop Apps Out of Web Apps: Scaling Electron With Code Signing & CI/CD
JSNation US 2025
23 min
Building Desktop Apps Out of Web Apps: Scaling Electron With Code Signing & CI/CD

Ayole Aonseola discusses converting web apps into desktop applications using Electron, emphasizing challenges with code signing, CI CD, and industrial scaling. Electron architecture focuses on security with context isolation and node integration. Engineering hurdles include distributing applications across OSs, implementing automation for error prevention, and ensuring app authenticity through code signing. Mac-specific configurations, like app bundle ID and notarization, are crucial. Building universal apps for Mac and Windows requires understanding differences in building environments and certificate access. Automation of signing processes with Azure and GitHub streamlines workflows, handling EV tokens and securely managing certificates. CICD automation includes base64 certificate encoding and triggering build processes on tag pushes.
Building Durable Workflows From Scratch in JavaScript
JSNation US 2025
18 min
Building Durable Workflows From Scratch in JavaScript

Peter discusses building durable workflows in pure JavaScript, highlighting challenges in creating reliable systems, especially in complex applications like Money Transfer. Failures can occur due to various reasons, including process crashes, resource issues, timeouts, and API failures. Durable workflows involve checkpointing for recovery, traditionally involving heavyweight external orchestration systems. Designing a JavaScript workflow library aims for simplicity and durability, enabling checkpointing directly on app servers. Implementing the library includes checkpoints for safety, recovery, and workflow integrity maintenance.
Diving Into the Toplayer: Where Dialogs, Popovers, and Modals Live
JSNation US 2025
33 min
Diving Into the Toplayer: Where Dialogs, Popovers, and Modals Live

Online talk discussing web overlays, ads, models, and cookie banners. Focus on dialogues, popovers, and their history in web design. Emphasis on accessibility and successful UI strategies. Introduction of non-modal dialogues and popovers in web design. Insights on implementing model dialogues, popovers, and managing Z-index values. Exploration of Z-index challenges, top layer concepts, and dialogue accessibility. Analysis of dialogue opening, focus management, and urgent model dialogues. Implementation of advanced popover features, CSS anchor usage, and dialogue comparisons.
TanStack Router: Beyond the Basics
JSNation US 2025
11 min
TanStack Router: Beyond the Basics

Joana Santos, a Fullstack Product Engineer at Synvertec 6, shares insights on the benefits of 10-Stack Router and discusses modern React app routing challenges. The discussion covers features like type-safe URLs, data loading, nested routes, dynamic parameters, and search parameter integration in 10-Stack Router. It also delves into dynamic URLs with type-safe parameters and search parameter integration, along with advanced routing capabilities such as authentication, masking URLs, and smart data fetching offered by TimeStack Router for enhanced user experience.
What Data Analysts Wish JavaScript Developers Knew: Lessons from Healthcare Finance
JSNation US 2025
17 min
What Data Analysts Wish JavaScript Developers Knew: Lessons from Healthcare Finance

Talk on Data Analysts' Needs for JavaScript Developers. Aya K. Belispaeva, senior BI analyst, discusses bridging the gap between analysts and developers through real-life examples and challenges in healthcare finance. Physician Productivity Dashboard Challenges with Time Zones in Data Handling and Solutions in Healthcare Finance. Lessons from Healthcare Finance and Power BI Dashboard Performance Optimization. Optimizing JavaScript in Power BI for Improved Dashboard Performance and User Trust. Importance of Interface Optimization for Handling Massive Healthcare Datasets. Developers' Insights for Effective Healthcare Dashboards: Transparency over polish, smart defaults, and performance. Building Flexible Healthcare Billing Logic, Early Analyst Involvement, Accuracy Over Elegance, Empathy in Dashboard Design, Human-Technical Design Translation Challenges.
Giving Old Projects New Life With Spec Driven Development
JSNation US 2025
9 min
Giving Old Projects New Life With Spec Driven Development

Leon, a developer advocate at Zencoder, discusses the power of spec-driven development and how past projects lay the foundation for strong specifications. Exploration of past project experiences and their conversion into strong specifications that form the basis for spectrum development, leading to effective collaboration with agents in planning and technology selection for project implementation. Utilizing agentic runs to efficiently complete tasks, track progress, and facilitate seamless project continuation for enhanced resource allocation and project completion.
Limited to 100 talks. Adjust filters for additional content.


































































































