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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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

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.

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.

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.

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.

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.

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.

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.

Andy introduces himself at Typeform, discussing AI democratization and his interests in Star Trek and Emacs. The conversation delves into the hype and slow adoption of AI tools at Typeform, emphasizing the journey of democratizing AI access. The use of AWS Bedrock for accessing LLMs and the challenges of simplifying access are explored. Implementing Bedrock token generation, AWS convenience, and tool federation at Typeform are discussed. The talk also covers the impact of AI on hiring, evolving AI integration, responsible AI usage, assessing AI proficiency, internal productivity assessment, and knowledge sharing in tool adoption.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Sze Magnezy 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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

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.

Rethinking collaborative app development for offline and online usage, introducing LocalFirst paradigm. Challenges of offline usage in collaborative app development and potential solutions. Benefits of the local first paradigm for user data control and offline work in collaborative apps. Exploring the local first app demo with Yjs technology for collaborative features and offline functionality. Exploring Yjs for collaborative data management and synchronization in React components, enabling a shift to a local first approach. Exploring the reduced role of the server in synchronization, emphasizing user ownership of data. Using Yjs shared types for familiar CRUD operations, introducing Yjs providers for real-time collaboration, and leveraging IndexedDB for offline data storage. The y-index-db-provider persists the document locally, and the y-web-socket-provider relays updates for collaborative scenarios, ensuring consistent list management. While offline, users make individual additions to a shared document. Upon reconnecting, Yjs ensures consistent ordering of concurrent offline changes, guaranteeing a synchronized state across all clients. What happens when clients edit the same item in Yjs is demonstrated. The last write wins register in Yjs ensures the last operation prevails. CRDTs handle concurrent edits and deletions, favoring removals for definitive operations. Yjs provides an elegant solution with conflict-free replicated data types.

Riccardo, a developer advocate at Figma, discusses the challenges of transitioning from design to code and the role of a developer advocate in bridging the gap between designers and developers. Figma's tools like DevMod, Code Connect, and Figma MCP server aim to bridge the gap by providing seamless connections between design and code. The Figma MCP server enhances design-to-code workflow by improving agent understanding of design elements, resulting in better code generation and alignment with design intent. Recommendations for optimizing design-to-code output include reusing components, implementing Code Connect, connecting design variables to code tokens, naming layers appropriately, utilizing AutoLayout, and adding annotations for clarity and context in the code. Building and sharing a design system involves generating iOS UI code with specific language and framework, and open-sourcing a design system with custom rules and guidelines for agents. Enhancing agent capabilities through multiple MCP server connections for efficient design-to-code synchronization and communication is crucial.

Introduction to Web Monetization and Payment Systems at SmallPDF with a Focus on Braintree Integration Issues. Challenges of Braintree Integration and Subscription Processing Impacting SmallPDF's Operations. Struggles with Global Payment Systems and Localization Impact on SaaS Platforms. Optimizing Local Payment Methods for Global Impact. Managing Compliance Challenges in Global Payments. Managing Global Payment Challenges. Managing Payment Risks and Uptime. Payment Orchestration for Enhanced Reliability. Front End Payment Orchestration. Handling Multiple Payment Gateways and SDKs. Rules Configuration for Payment Gateways and Scaling Benefits. Dynamic Payment Methods Based on Country and A-B Testing. Fast Detection of Payment Anomalies and Easy Gateway Rerouting

Starting a Greenfield project involves choosing frameworks, testing tools, linting, formatting, and runtime with the aim of unifying frameworks and tooling using Rust. The End of Framework Fragmentation with Rust aims for a great Developer Experience (DX) by choosing frameworks and tools based on ease of use, integration, documentation, ecosystem, speed, reliability, and future-proofing. Development benefits from the Vite server with HMR, native ESM, and optimized production builds, aiming to unify tools into the Rolldown bundler. Understanding dependency graphs, build steps, JSX, TypeScript, and bundle optimization are crucial for code organization and user experience enhancement. Bundling optimizes code for faster load times, while tool selection streamlining simplifies production builds. Vappack and OXE offer optimization features, and module resolution, code transformation, build transformation, and minification optimization play key roles in performance. Benchmarking shows SWC and OXC Minify performance comparison, and linting and formatting tools like OxLint and OXC Minify enhance development efficiency. VTest provides seamless testing, aiming for performance and compatibility, with plans for roll on Vite to become the default bundler for smoother processes.

In the Talk, the focus is on understanding software determinism and the implications for AI implementation. It delves into the importance of trustworthiness, reliability, and consistency in deterministic systems. The discussion also explores non-deterministic behavior in AI, emphasizing the pros and cons of unpredictability. The significance of measuring entropy tolerance in AI integration and business processes is highlighted, along with the value assessment based on tolerance levels. Additionally, the Talk touches on hybrid collaboration in AI utilization, showcasing examples of low, medium, and high entropy tolerance scenarios, and the role of AI in security auditing and high-tolerance tasks.

Nathan discusses the significance of WebAssembly for handling CPU intensive tasks efficiently. The comparison between Rust and JavaScript processing showcases the superior speed of Rust with WebAssembly. WebAssembly excels in CPU-intensive tasks like image processing, showing faster processing times and efficiency. The optimization of image filters with RUST.VASM.js demonstrates enhanced performance through importation of methods from Rust projects. The interface between JavaScript and WebAssembly is crucial for balancing tasks and optimizing performance, as seen in examples from Figma and eBay.

Introduction to Generative Engine Optimization (GEO) for AI-discoverable websites. Importance of adapting to AI-driven search engines like LLM, chat GPT, and Perplexity. Shift from traditional SEO to focus on content readability and trustworthiness for machines. Key pillars of GEO: structured, semantic, fast, and sighted. Implementing AI-dedicated JSON endpoints for machine readability. Integrating AI text for structured data discovery through modern URI approach. Enhancing service information clarity with GO. Optimizing websites for AI discoverability by focusing on structure, mobile-first indexing, and AI optimization.

Ryan Feigenbaum highlights the risks of poor feature flag management, emphasizing the complexity and potential costs involved. Challenges in feature flag complexity are categorized into visibility, life cycle, and architecture. Enhancing visibility through clear naming conventions is crucial for preventing conflicts. Code graphs aid in evaluating feature flag logic, while the Piranha utility automates flag removal. Testing challenges include testing combinations, critical paths, safe rollouts, and simulating flag states. Edge flag evaluation is favored for rendering, and efficient flag management involves automated cleanup, testing tools, and regular reviews.

The Talk delves into JavaScript artwork creation, debunking misconceptions and exploring its evolution from basic animation to advanced web development innovations. It discusses the development of animation technologies in JavaScript, comparing Canvas and WebGL, and emphasizes the diversity of tools available. The session focuses on using Canvas Sketch for creating custom and abstract designs, detailing rendering, saving points, working with coordinates and styles, and utilizing animation for interactivity. It also covers specifying animation parameters and exploring options for connectivity.

Alfonso delves into AI in Node.js, focusing on AI agents and the Model Context Protocol (MCP). The discussion covers reasons for building MCP servers, secure code execution using Node.js and Docker, and customization for running code securely. Enhancements in LLM capabilities, Docker integration, and security measures are highlighted. Features like working directory snapshots, file updates comparison, and emphasizing security in MCP servers stand out.

Node.js offers significant capabilities for efficient file handling, emphasizing the importance of processing files effectively to avoid crashes and memory issues. Understanding streams, backpressure, and stream concepts like readable, writable, duplex, and transform streams is crucial for efficient file handling. Streams enable working with data in chunks, ensuring stable memory usage and efficient applications. Backpressure in streams optimizes memory usage by processing data incrementally, unlike loading entire files into memory. Utilizing readable streams in processing improves concurrency and avoids blocking the event loop.

The speaker delves into the integration of AI and eye tracking technology to enhance user interactions and experiences, emphasizing the need for cost-effective solutions with standard hardware. The advancement of AI models for local device execution is highlighted, enabling cross-platform data privacy and offline usage. MediaPipe Solutions, particularly Face Landmark Detection, offer detailed facial information in real-time, and iris feature extraction is utilized for precise gaze prediction. Model calibration and mapping techniques are discussed for improving gaze interaction accuracy and reliability.

Will Klein shares insights on effective tool usage, exploring various DevTools in browsers. Discussing the evolution of browser features, maximizing benefits with Dev releases, and diverse perspectives in browser DevTools. Exploring color accessibility tools, font and color handling in Safari and Firefox DevTools. Highlighting unique features like font sliders in Firefox and debugging capabilities in Safari. Emphasizing the importance of accessibility tools, using multiple browsers for development, and understanding web workings over relying solely on AI and MCP for debugging.

Welcome to JS Nation. Marco Ippolito discusses NodeJS and TypeScript integration, challenges, and growth. TypeStripping in Node.js removes TypeScript syntax for execution. Efficient TypeStripping in Node 22 skips SourceMaps, aligns with TypeScript versions. Enhanced features in Node 22 support experimental TypeScript features with limitations. Node.js supports TypeScript features with erasable syntax and namespace in Node 23.8. Importing types correctly crucial to avoid errors. Node.js TypeScript integration update includes switching to TypeScript, browser support, and community involvement.

Speaker reflects on the importance of testing, shares insights from the state of JS survey, and discusses future plans for JavaScript testing in 2025. Companies are exploring testing tools and methodologies based on surveys and personal data. Evolution of testing practices from browser to node-based environment with VTest adoption. Advancements in testing technology include VTest's role, Playwright for end-to-end testing, and comprehensive testing solutions. Progress in self-healing tests, AI integration, and tool resurgence like Storybook and MSW for API mocking. Diverse opinions on testing in 2025, with a focus on static analysis, VTest, and end-to-end testing resurgence to browser.

Matteo Collina presents an updated talk on Node.js, discussing roles, open-source projects, and dispelling myths. He highlights Node.js vitality, contrasts with legacy technologies like COBOL and jQuery. The talk covers Node.js popularity, software reuse, module growth, and download stats. It addresses risks of not updating Node.js, LTS support phases, version updates, adoption rates, security measures, Node 24 features like ESM support and stable permissions. Collaboration processes, TSC role, governance, and benefits of Platformatic VAT for app development are also discussed.

Exploring AI's impact on React coding quality and the importance of context, tools, and practices in leveraging AI effectively. AI as a force multiplier, differences between vibe coding & AI-assisted engineering, AI models' competencies in React prompts, and React developers' favorable position amidst AI advancements. AI's implications for React development, complexity cliff in React work, and AI's design challenges for React developers. React work's complexity cliff, Design Arena benchmarks for AI design capabilities, AI's design challenges for React developers. AI's role in visual design control, Design Arena's insights on scaffolding impact, AI's UI scaffold capabilities and human judgment necessity. Vercell's Next.js evals, Webbench by ByteDance, and Web Dev Arena insights on AI performance in web development. Gemini 3 and GPT-5 catching up in design models, exploring website code generation, and design sensibility in AI for React workflow. Solving the purple problem in AI training, tips for using AI in React development for building sites, and managing AI like a junior developer. Evaluating AI's performance in complex tasks, lessons on using AI like a developer, and the importance of specificity and human oversight in AI usage. Enforcing productivity and supervision, addressing context failures through engineering and providing comprehensive context for agent performance. Template for context engineering, controlling tooling quality, using Context-7 for fresh docs and examples, leveraging MCP servers for real data, and improving overall quality loop. Connecting tools for closed-loop coding, Vive coding for rapid product creation, UI components for isolated, reusable components. UI components arena focus on isolated, reusable components and visual comparisons. Guidance for UI component generation and complex 3D and data visualization models for interactive experiences. AI assistants integration strategies for 3D and data visualization. Importance of specific details like libraries and scene descriptions for optimal AI assistance. Balancing control with AI model generation and the critical factors in AI code success or failure. Debugging workflow lessons applicable to all; New flow state in AI-assisted development focusing on orchestration and code creation; Gemini 3 launch for web development and design leadership. Website aesthetics and design improvements; Proactive tool utilization for React devs; Embrace AI for faster product development. AI in automated debugging with AI agents; Limitless potential of AI in coding quality; Image generation tools for slides; Addressing security and architectural regressions in AI-generated code. AI's Impact on Future Frameworks and Team Alignment in Workflow Standardization. Strategies for Context Bugs and Workflow Optimization.

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.

Farris emphasizes the need to build resilient applications for real-world usage challenges like high latency and unreliable networks. Creating fast and seamless user experiences is crucial for business success. Core technologies like React and Next, along with Tanstack Query, are discussed. Strategies include optimizing state management, network requests, and data transfer methods for enhanced user experience. The talk also covers data caching, query criticality, prefetching, and handling server retries for robust application performance.

This talk explores challenges and architecture decisions for realtime apps in React, focusing on frame updates and performance at high refresh rates. It delves into optimizing frame animation, managing synchronization, achieving frame rate independence, and implementing physics in animations. The discussion includes resolving data sharing issues, decoupling data for improved focus, enhancing simulation with external state, customizing animation behaviors, and optimizing continuous updates with Kuta. The talk also covers experimenting with ball physics, tool optimization, and enhancing rendering performance through Canvas, React3Fiber, Sandpack, and Kuta for animations.

Bri explores React styling solutions and the CSS landscape in 2025, highlighting challenges with styled components and the emergence of Panda CSS. React 19 introduces new features like resource hoisting and form actions, impacting styling practices. Discussions revolve around CSS paradigms, Tailwind CSS for utility-first approach, and the importance of dynamic state in styling evolution. Considerations for selecting the right styling solution based on team size, experience, and interactivity needs are emphasized, along with insights on optimizing CSS tools and Panda CSS adoption.