Versión en EspañolES

Beyond Signals: El Próximo Gran Cambio en la Reactividad Web

Los Signals y la reactividad de grano fino se han convertido recientemente en elementos básicos en los frameworks modernos de JavaScript. Sin embargo, hace 9 años, cuando Ryan Carniato creó SolidJS, el plano para el framework moderno, ese no era el caso en absoluto. Hoy en día, más desarrolladores usan Signals que nunca antes, pero estamos solo al comienzo del viaje. Únete a Ryan mientras mira hacia el futuro de la reactividad de grano fino, el desarrollo web, y explora lo que hay más allá de los Signals.

This talk has been presented at JSNation US 2025, check out the latest edition of this JavaScript Conference.

reactivity

Ryan Carniato

29 min

17 Nov, 2025

Comments

Video Summary and Transcription

Ryan Carniato, autor de SolidJS, discute sobre los signals en el mundo del front-end y su impacto en la reactividad. Los signals en Solid JS han revolucionado el desarrollo de interfaces de usuario frontend al llevar los signals al frente, impactando frameworks más allá de React. Optimizar el rendimiento de React con renderizado de grano fino permite actualizar solo los componentes necesarios, eliminando ejecuciones innecesarias y mejorando la composición del rendimiento. La mutabilidad en la programación ofrece beneficios como referencias estables y una reducción en la necesidad de clonación. Las stores en frameworks como Solid.js mantienen referencias para datos no cambiados, reduciendo las sobre notificaciones y los recálculos innecesarios. Los signals permiten un control de grano fino con mecanismos de push y pull, mostrando ejemplos en contadores, operaciones asíncronas y manejo de errores dentro de componentes de UI.

Available in English: Beyond Signals: The Next Big Shift in Web Reactivity

Video transcription and chapters available for users with access.

Available in other languages:

Check out more articles and videos

We constantly think of articles and videos that might spark Git people interest / skill us up or help building a stellar career

SolidJS: Reactivity Unchained

JSNation 2022

20 min

SolidJS: Reactivity Unchained

Ryan Carniato

SolidJS Creator

Solid.js is a declarative JavaScript library for building user interfaces that addresses performance optimization. It introduces fine-grained reactivity and avoids using a virtual DOM. The Talk explores rethinking performance and reactivity in web applications, understanding reactivity and primitives, and creating DOM elements and using JSX in Solid.js. It also covers rendering components, sharing state, and the advantages of fine-grained rendering and the reactive approach in Solid.js.

reactivity frameworks builders and founders

5 Años de Construir React Table

React Summit 2022

24 min

5 Años de Construir React Table

Top Content

Vanessa Otto

Zavvy GmbH

Vanessa introduces Vue Free and discusses the benefits of using the Composition API. The order of execution and grouping logical units using the Composition API is explained. The Composition API is used for state management and refactoring components. The speaker shares their initial experience with state management using Vuex. Composables are explored as an alternative for state management in Vue 3.

reactivity state management vue composition api vue 3 vuex

Llevando Vue.js al Backend

Vue.js London Live 2021

23 min

Llevando Vue.js al Backend

Marc Backes

WeAreDevelopers

This talk explores using Vue.js in the backend, specifically focusing on Vue 3 Reactivity. It discusses how Vue 3 Reactivity leverages ES6 proxies to update changes and intercept hooks. The talk also covers implementing Vue.js backend with live demos, showcasing the modification of proxies and the use of reactive functions. It demonstrates the creation of a reactive array and the implementation of join, leave, and message functionalities. The talk concludes by mentioning the possibility of using computed properties and inviting further questions.

reactivity backend vue

Construye Tu Propia Reactividad: Un Análisis Profundo de los Signals

JSNation 2025

28 min

Construye Tu Propia Reactividad: Un Análisis Profundo de los Signals

Carl Vuorinen

City Dev Labs Oy

Karl Vorden introduces signals for reactivity in JavaScript, aiming to demystify its implementation for better understanding. Signals in JavaScript provide efficient reactivity by updating only the necessary code without extra work. Different frameworks offer signal implementations like createSignal in solid JS, resembling React's useEffect but functioning differently. Vue signals are called refs, created with the ref function, returning an object with a value property. Define effect functions for tracking changes and execution in reactive signals. Explore computed functions for complex operations within reactive signals. Beware of pitfalls with conditionals affecting signal execution.

reactivity case study web standards

Por Qué React No Debería Adoptar Signals

React Advanced 2024

10 min

Por Qué React No Debería Adoptar Signals

Andreas Roth

esveo, CTO

Today I want to talk about why React should not adopt signals. By adopting signals in React, we can automatically track dependencies for effects and memos, leading to more efficient component rendering. Accessing specific parts of the JSX that read signals allows for fine-grained reactivity across component boundaries. Adopting signals in React requires migrating to single execution components, which only update specific parts of the application. This can become complex when dealing with components that read from different signals. In contrast, React assumes everything can change and enforces this assumption through linters and compilers, leading to more robust code and easier updates. If you're interested in signals in React or need performance improvements, let's chat!

reactivity

Workshops on related topic

Construye una Biblioteca Universal de Datos Reactiva con Starbeam

JSNation 2023

66 min

Construye una Biblioteca Universal de Datos Reactiva con Starbeam

WorkshopFree

Yehuda Katz

Esta sesión se centrará en los bloques de construcción universales de Starbeam. Usaremos Starbeam para construir una biblioteca de datos que funcione en múltiples frameworks.Escribiremos una biblioteca que almacene en caché y actualice datos, y admita relaciones, ordenación y filtrado.En lugar de obtener datos directamente, funcionará con datos obtenidos de forma asíncrona, incluidos los datos obtenidos después de la representación inicial. Los datos obtenidos y actualizados a través de web sockets también funcionarán bien.Todas estas características serán reactivas, por supuesto.Imagina que filtras tus datos por su título y luego actualizas el título de un registro para que coincida con el filtro: cualquier resultado que dependa de los datos filtrados se actualizará para reflejar el filtro actualizado.En 90 minutos, construirás una increíble biblioteca de datos reactiva y aprenderás una nueva herramienta poderosa para construir sistemas reactivos. La mejor parte: la biblioteca funciona en cualquier framework, incluso si no piensas en (o dependes de) ningún framework al construirla.
Tabla de contenidos- Almacenar un registro obtenido en una celda- Almacenar múltiples registros en un Mapa reactivo- La iteración reactiva es una iteración normal- El filtrado reactivo es un filtrado normal- Obtener más registros y actualizar el Mapa- La ordenación reactiva es una ordenación normal (¿se está volviendo un poco repetitivo?)- Modelar la invalidación de la caché como datos- Bonus: relaciones reactivas

reactivity web apps frameworks