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.

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.

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.

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.

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.

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.

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.

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.