June 11 - 16, 2026
React Summit
Amsterdam & Online

React Summit 2026

La conferencia de React más grande del mundo

React Summit is an annual conference on all things React, gathering thousands of Front-end and Full-stack engineers from around the world.



Esta edición del evento ha finalizado, las últimas actualizaciones de este React Conference están disponibles en el sitio web de la marca.

GitNation Events Supporter

Catch, trace, and fix bugs across your entire stack Learn more

Cómo uso AI como Educador Técnico
31 min
Cómo uso AI como Educador Técnico
Starting with recent comments criticizing the stance on AI and coding, highlighting the divide between senior and junior developers' perspectives. Reflecting on the impact of AI on teaching code and content creation, transitioning to AI-driven teaching methods. Challenges in transitioning to AI-driven teaching focused on critical thinking over syntax. Discussion on scaling AI tools, Bloom's Taxonomy, and the shift to creation-focused development. Importance of critical thinking in software engineering and nurturing junior talents in the evolving industry. AI's role as a teaching tool, concerns about job replacement, and the need for continuous skill growth. The significance of maintaining critique ability in AI output evaluation.
This Component Could Have Been A Class
33 min
This Component Could Have Been A Class
Scott introduces React 3 Fiber, emphasizing its uniqueness and ease of use. Discussing the benefits of exploring web APIs beyond the React bubble for enhanced user experience. Exploring CSS properties for animations and scroll snap API for touch support. Leveraging browser capabilities for innovative user experiences. Highlighting advanced CSS techniques and new HTML features for UI design. AI integration in code efficiency and component building. Strategies for AI-written CSS and optimizing AI tools. Firefox's API prioritization and positive trends. Tailwind's role in modern CSS development and impact on React developers.
Modernizando Tu Aplicación React: Compiler, useEffectEvent, Activity & Amigos
27 min
Modernizando Tu Aplicación React: Compiler, useEffectEvent, Activity & Amigos
Victor shares experiences inheriting codebase and explains the importance of React's updates for code cleanliness. Agenda includes React evolution, API usage, modernization playbook, and insightful discussions. React 19 impact on React's evolution towards a declarative model for state management and form handling. React's shift towards a declarative model, impacting form handling and state management with React 19 updates, including new APIs and the importance of the React compiler for efficient development. Using React compiler for efficient development and code simplification. Measuring code base changes with memorization hooks identification. Introducing user fact event API for dependency-free code. Handling state persistence challenges with the Activity API for seamless user experiences and resource management. Utilizing the Activity API for precise state management and resource optimization in React Native applications. Exploring powerful user cases: tabs example, pre-rendering, and back navigation benefits with the Activity API. Exploring the value of instant experiences with back navigation and code optimization through API adoption. Measuring success, avoiding AI dependence, and understanding the importance of learning for effective development. Addressing challenges post-AI era, emphasizing responsibility in learning, maintaining control, and ensuring security. Practical steps include using React compiler, auditing code for Activity API integration, and optimizing data flow for enhanced user experience.
La UI que se construye sola: Explorando el Front-End Generativo
28 min
La UI que se construye sola: Explorando el Front-End Generativo
Kiko explores the concept of Dynamic User Interfaces generated by AI based on user prompts and challenges traditional UI generation by focusing on user needs. The implementation involves structuring dynamic UI with LLM calls and enhancing interaction through forms and client state embedding. The talk covers implementing dynamic UI features, utilizing a custom design system, enabling dynamic UI generation by LLM, and discussing use cases and transitions to dynamic UI. It also addresses testing challenges, ensuring user experience through context-based data, and the importance of building reliable AI systems to avoid model hallucination.
¡Protegiendo Tus Cookies de Hackers y Desarrolladores Hambrientos!
27 min
¡Protegiendo Tus Cookies de Hackers y Desarrolladores Hambrientos!
Mohamad from ING Bank discusses cookie origins and functions, exploring storage, encryption, and security measures. The talk delves into enhancing security through attribute settings, value generation, and decoding manipulation. It also covers domain, path setup, expiry, XSS vulnerability prevention, and Same Site vs. Same Origin comparisons. Additionally, it touches on GitHub.io complexity, Same Site attribute effects, default values, Chrome settings, and managing cookie partitioning with the Secure flag.
Mess to Modern: Refactoring a React Nightmare
18 min
Mess to Modern: Refactoring a React Nightmare
Have you ever faced complex and messy React codebases? Caleb Garner shares a five-step playbook to transform a 900-line React component. Addressing systematic modularity and organization structure for better code management. Enhancing codebase structure by extracting business logic for testability and maintainability. Streamlining state and data management for robust codebases. Establishing predictable data handling with userReducer for structured state management. Optimizing component modularity for reusability and efficient data management. Emphasizing caller-controlled layout and streamlined development experience through five key principles.
Construir aplicaciones de ChatGPT con Skybridge
74 min
Construir aplicaciones de ChatGPT con Skybridge
Workshop
Frédéric Barthelet
Frédéric Barthelet
Un nuevo ecosistema de aplicaciones está emergiendo dentro de agentes conversacionales generalistas como ChatGPT y Claude. Estas aplicaciones sirven como una tienda digital directa para marcas. Son una alternativa convincente a las aplicaciones móviles y web tradicionales para los mil millones de usuarios que ahora comienzan su viaje en línea en un chat.

Las aplicaciones de IA se construyen sobre estándares como Apps SDK, MCP Apps y MCP UI. Todas dependen de MCP como el protocolo subyacente para exponer contexto y herramientas, mientras añaden una capa de presentación orientada al usuario en forma de widgets de UI.

Construir estas aplicaciones de React introduce un conjunto genuinamente nuevo de desafíos: ya no estás diseñando para un usuario que interactúa solo con una UI, sino para una dinámica de tres vías entre un humano, una UI y un modelo. Cada interacción debe tener en cuenta si se origina a partir de un clic en un widget o un mensaje escrito en el chat.

Skybridge es el framework full-stack de TypeScript construido sobre React que creamos en Alpic para ayudar a los desarrolladores de todo el mundo a lanzar estas nuevas aplicaciones a la velocidad de la luz.

¡Ven y aprende cómo construir la próxima generación de aplicaciones de IA conmigo!
Cenizas a Cenizas, Especificación a Especificación: El Renacimiento de las Pruebas Modernas
29 min
Cenizas a Cenizas, Especificación a Especificación: El Renacimiento de las Pruebas Modernas
Gathering to bid farewell to Mocha, Jest, and Karma. From minimalism to Jest's migration with Vitest as the most popular framework. Yunus emphasizes finding the right balance in software tools like Angular and NX. Discussion on transitioning from Jest to VTest with a focus on careful approach and test migration efficiency. Insights on debugging mocks, object mothers, and the use of Wallaby JS for debugging in VTest. Exploring test control, browser debugging, configurations, troubleshooting user events, automation with Playwright, and VTest's automation engine. Focus on unit testing speed, scope, and complexity rules, IDE tools like WallabyJS, and GitWipe alias for development reset.
Estrategias Efectivas para Gestionar Equipos Remotos de Frontend
19 min
Estrategias Efectivas para Gestionar Equipos Remotos de Frontend
Martin Mordanov emphasizes managing remote front-end teams with a focus on cooperation, performance, and alignment for successful projects. Trust-driven leadership empowers team members with decision rights for improved productivity and task understanding. Encouraging team collaboration and productivity by giving decision rights, ensuring task understanding, and preventing delays. Effective development processes include task understanding, communication, consistent processes, automated quality gates, standardized configurations, and code formatting prevention. Optimizing development workflow involves code reliability factors, sandbox environments, deployment readiness, time zone management, and prioritizing team well-being. Empowering developer autonomy and team efficiency by prioritizing well-being, autonomous decision-making, communication optimization, and enhanced documentation. Effective team communication emphasizes reduced meetings, task allocation, updated documentation, automated code quality, and team well-being for a happier and more efficient work environment.
Construyendo Puentes hacia un Futuro Post-SPA
33 min
Construyendo Puentes hacia un Futuro Post-SPA
The speaker reflects on professionalism, tech collaboration deficiencies, and changing perspectives. They discuss React community involvement, cultural implications of technology choices, and the impact of Core Web Vitals on React sites. External factors like networks influence web development, optimizing JavaScript in browsers is crucial, and rethinking design based on user interactions is highlighted. Income influences smartphone market segmentation, Android pricing impacts the ecosystem, and adapting technology based on user data is essential. Transitioning to HTML-first in browser interfaces and user-centric testing to improve website quality are key takeaways.
Debugging What React DevTools Can’t See
22 min
Debugging What React DevTools Can’t See
The speaker recounts debugging an e-commerce application, emphasizing the need for monitoring business logic. They discuss building custom DevTools for specific business logic debugging and explore limitations of React DevTools in handling complex scenarios. The importance of developing custom DevTools architecture, white-coded UI, efficient domain communication, and inspecting DevTools architecture is highlighted. Additionally, analyzing domain inspector functionality, maintaining React DevTools in a monorepo, and ensuring DevTool safety and utility through ongoing maintenance and user feedback are discussed.
Ripple: las Buenas Partes de React, Svelte y Solid
27 min
Ripple: las Buenas Partes de React, Svelte y Solid
Eric Rasmussen discusses a new framework addressing current framework issues, focusing on React developers and the evolution of UI concepts. React's reactivity concept prioritizes safety and re-evaluation strategies. Fine-grained reactivity in React tracks dependencies for precise updates. Signals in Solid enable code reruns based on changes. Ripple introduces fine-grained reactivity, readable code, and supports a smooth syntax transition from React. Ripple's state management simplifies updates and effects handling. Ripple's design philosophy offers an alternative approach to React's limitations, emphasizing fine-grained value changes. Ripple stands out for SSR challenges, superior reactivity, and imperative syntax.
FWD: Oportunidad Urgente para Reclamar tu Herencia de Newsletter con React + MDX
19 min
FWD: Oportunidad Urgente para Reclamar tu Herencia de Newsletter con React + MDX
Cesar Alberca demonstrates creating newsletters using React and MDX, enhancing interactivity and liveliness. Content delivery through MDX format for newsletters and websites, multilingual newsletters creation, email rendering challenges, interactivity limitations, email scheduling and distribution, compliance in newsletter delivery, and concluding with newsletter updates, resource availability, and encouraging feedback.
What the First Rule of ARIA Really Means
28 min
What the First Rule of ARIA Really Means
Introduction to ARIA, its meaning, and the complexities of accessibility in web development. Exploring the importance of proper ARIA usage for web accessibility and the pitfalls of incorrect ARIA implementation. Exploring the importance of landmark roles in web development and their benefits for screen reader users. Discussing the impact of AI-enabled assistive technologies on ARIA and emphasizing the importance of using semantic HTML. Discussing the importance of visually hidden text in the correct DOM order and the challenges of accessibility for chart-heavy pages. Discussing the importance of testing with users with disabilities, upcoming accessibility requirements for web pages, and considerations for making AI more accessible.
React vs. Tiempo Real: Construye Funciones en Tiempo Real Sin Luchar Contra el Framework
20 min
React vs. Tiempo Real: Construye Funciones en Tiempo Real Sin Luchar Contra el Framework
Shubham, a senior software engineer at Headout, discusses challenges when React meets real-time systems while working on an internal tool for audio doors. React's flexibility clashes with real-time systems' fixed schedules, causing issues like audio drift. Redefining React's role in real-time systems improves playhead smoothness by shifting architecture. React transitions to an observer, using an external clock for stability. Optimizations in React's rendering architecture include layered rendering for enhanced UI performance. Real-time feedback bypasses React for instant responses, with cache invalidation critical in real-time systems.
Discusión de Panel: Fullstack está Devorando Frontend — ¿Deberían Adaptarse los Ingenieros FE?
35 min
Discusión de Panel: Fullstack está Devorando Frontend — ¿Deberían Adaptarse los Ingenieros FE?
Kathryn Grayson Nanz
Kevin Ball
Scott Tolinski
Sam Selikoff
Alem Tuzlak
Ryan Skinner
6 authors
Full stack vs. frontend specialization debate. Importance of understanding the full system for developers. Analogy of developers being like doctors knowing the whole system but specializing in certain areas. Specialization in the age of AI. Importance of specialists in the era of quick generalization with AI. The value of being a frontend developer post-AI, emphasizing the importance of specialization and knowing how to guide AI in specific areas. Specialization in Frontend Development and the Evolution of Frameworks. Importance of specialized frontend development skills in the modern age. The shift towards empowering app developers to handle database setup and configuration. The evolution of frontend frameworks to abstract complex tasks and empower developers to manage caching and CDNs. AI reliance on good documentation for effective performance. The importance of human guidance and interaction in maximizing AI capabilities across development specialties. AI as a complementary tool, not a substitute. Understanding the importance of skill set integration with AI technologies for effective outcomes. Frontend engineers must embrace continuous learning and understanding AI's first principles. Embracing curiosity and adapting to rapid technological changes for professional growth and development. Discovering the limitations of specific knowledge transfer and the importance of fundamental skills over tool-specific expertise. Embracing a patient approach to adopting new technologies and focusing on learning essential skills for AI without chasing every new tool or trend. Exploration of using agents for self-learning workflows, preparing for questions through Q&A sessions, and elevating thinking by utilizing tools effectively. Importance of motivated learning, questioning, and utilizing agents effectively in the learning process, recognizing significant technological advancements, and the value of independent learning over solely relying on agents.
React on the Edge
17 min
React on the Edge
Welcome to React on the Edge with Amir Sami from S&C Electric exploring React applications for diverse Edge devices beyond browsers. The discussion covers deploying React apps to various Edge devices, addressing challenges like network stability and resource limitations, optimizing bundle size with Preact, and using Brotli compression for efficient web asset compression on Edge devices.
Dando Manos a los Agentes de AI: Ciclos de Retroalimentación Móvil con Agent Device
26 min
Dando Manos a los Agentes de AI: Ciclos de Retroalimentación Móvil con Agent Device
The speaker discusses the evolution of AI agent workflow in mobile development, emphasizing the importance of feedback loops and verification. They highlight the challenges of human involvement as agents dominate code production. Agent Device simplifies mobile automation by focusing on accessibility trees and text-based actions. The tool enhances app verification, debugging capabilities, and provides advanced features like network issue identification. Agent Device is versatile for CI setup, feedback loops, and visual regression detection. It supports real devices and offers capabilities for migrations and automation. Additionally, the speaker compares flakiness and TV platform support, showcasing performance improvements over traditional tools.
Domando el Parpadeo: Patrones de Firebase para Componentes de Servidor de React
7 min
Domando el Parpadeo: Patrones de Firebase para Componentes de Servidor de React
Rosario from Firebase highlights challenges of client-side development and Firebase solutions like server app for authentication. Firestore's offline cache and real-time updates improve user experience. Updating UI to prevent authentication flickers and optimizing real-time components with onSnapshotResume and feature flagging. Introducing Firebase App Hosting and SQL Connect for server-side rendering and SQL database integration, with upcoming Crashlytics for web.