yo tengo un puñado de pequeños proyectos aún hechos en jquery o react con componentes de clase que claramente funcionan bien y son mantenibles pero que ya no apetece tocar por el simple hecho de que están cambiando todo el tiempo la experiencia de desarrollo y ya no quiero volver a retroceder con esa forma de programar. Si estás cómodo tolerando esto último mientras te mantienes actualizado , entonces JS es tu lenguaje.
Andrew Clark: "We might add a signals-like primitive to React but I don’t think it’s a great way to write UI code. It’s great for performance. But I prefer React’s model where you pretend the whole thing is recreated every time. Our plan is to use a compiler to achieve comparable performance." "When we do add a signals-like primitive, it’ll mostly be geared toward serving as a compiler target, or as a low level API for library authors"
Esto ya lo hacía vue desde sus inicios no es algo nuevo y es llamado una referencia, desde que salió vue3 prácticamente se estandarizó como un método de la composition API :v ahora los react developers lo llaman signals wtf, pero realmente estás son las meras bases de reactividad en vue proxies, getters and setters...
Totalmente de acuerdo que useSignal >> useState. Lamentablemente, en Twitter el core team de React ya se ha manifestado repetidas veces en contra de useSignal. Ojalá que cambien de opinión, sería genial que React lo incorpore
Me sentí tan feliz cuando por fin entendí como funcionaba el useState (así es, no entendía, soy mas de backend), y ahora me encuentro con que es obsoleto, lo bueno es que luego de que entendí eso pude implementar un OberserPattern con jsvanilla + clases + typescript sin problemas, así que supongo que de ahora en adelante no tendré problema alguno en implementar otras soluciones al cambio de estado en cosas de frontend.
En svelte entonces el estado hay que manejarlo desde el mismo componente? Pregunto porque creo que he estado haciendo unas acrobacias curiosas. He estado ocupando las stores como estados y desde la documentación sale que para eso, según entendí, hay que ocupar el suscribe en el onDestroy para evitar una fuga de memoria y no sé si estoy haciendo bien así
Justamente estas son las cosas que te deberian dar ganas de seguir, es una mejora, osea te estan mostrando que alguien penso en una mejor manera de hacer lo que ya estabamos haciendo, una maravilla!
ps al comienzo analice que es useRef() + useState() juntos basicamente, aunq rompe un poco el paradigma de react, sin embargo ya lo hace como state o ref para que otro en fin ojala no vayan a cagarla.
¿Puedes usarlo para consumir el valor numerico de ese estado para una función sin que se atrase el valor. Por ejemplo un valor de estado es 1. Lo igualo a count = this.state.valor y lo mando a una funcion(count) pero el valor de esa función, todavia no llega.
No tanto así, angular simplemente hace referencia a variables en el template, o sea si la variable cambia; el Html cambia, sin necesidad de añadir nada a menos que sea un input y quieras hacer 2 way data binding
@@amaury_permer ese es el funcionamiento tradicional de toda la vida, por eso en su versión 16 están introducen de forma no estable el uso de Signals para mejorar la forma en que se Renderiza la aplicación
@@JecksonGarcia pues es que si es algo pesado en ese sentido, recuerdo que cuando empezaba a usar react me preguntaba por qué no simplemente hacían lo que Angular, después entendí, no estoy tan atento a las novedades de Angular ya que apenas lo comencé a utilizar por trabajo y se ocupa una versión vieja, bueno saber que están haciendo cambios en ese sentido
a mi me paso en una aplicación usando react native, una calculadora simple, en dispositivos con pocos recursos para renderizar el label, el usestate hacia que fuera ultra ultra lento
@@francarloscastillorobles3618 entonces será el framework el problema ? Porque literal mi código solo tenía los 9 botones, mas agregar, multiplicar, dividir, borrar todo Y probé con botones, con touchable algo, y cuando eran muchos botones explotaba, era ultra lento
Todo esto empiezo hace muchos años por que usar funciones en vez de variables para "variables" se veía de mala manera y aqui estamos otra vez de vuelta en la casilla 0 con un simple patron de notificación. Redescubriendo la rueda🤦
Si, pero si no me equivoco solo lo mencionas rápidamente en el 13:52. Mi crítica (no a ti personalmente sino al sector en general) es que me parece injusto que a vue no se le dé el mérito que se merece teniendo esta función desde hace muchísimo más tiempo pero al no ser del ecosistema de React pues see le da mucho menos importancia. Creo que a Vue de le maltrata y React esta sobrevalorado 🙈. El siguiente paso será tener computed() 😅. Aún así, ya decirte que me gustas mucho me entretienes bastante. Me gusta mucho tu trabajo 😊
Por fin han conseguido medio-imitar lo que hace Svelte desde el día uno, no? Actualización selectiva del componente que ha cambiado sin necesidad de VDOM
midu, tus videos resubidos de lives, quedan con poco volumen, compara con algun video de otro youtuber, y te darás cuenta! igual gracias por la info!!!
![Blox Fruits Dragon Rework Update [Full Stream]](http://i.ytimg.com/vi/EqDAp8udhm0/mqdefault.jpg)
![Felix "Unfair" | [Stray Kids : SKZ-PLAYER]](http://i.ytimg.com/vi/Oswujxm2Ag0/mqdefault.jpg)
![State management with Preact Signals - Getting started with the new package [2022] (Preact/React)](/img/1.gif)
Colega estás empezando a manejar algo y se queda obsoleto
Realmente es una locura jajjajaja
Lo que callamos los devs.
El frontend deberia ser tirado a la lava y hacerse de nuevo en otro lenguaje menos vómitivo xd
solo espero que wasm cambie la escena
yo tengo un puñado de pequeños proyectos aún hechos en jquery o react con componentes de clase que claramente funcionan bien y son mantenibles pero que ya no apetece tocar por el simple hecho de que están cambiando todo el tiempo la experiencia de desarrollo y ya no quiero volver a retroceder con esa forma de programar. Si estás cómodo tolerando esto último mientras te mantienes actualizado , entonces JS es tu lenguaje.
Bienvenido a la programación
Gracias midu, por siempre mantenernos al dia
Sería excelente un curso de PWA con React
Si no me equivoco, eso ya lo hace Vue con el "ref" solamente modificando el ".value" es suficiente y no cambia nada mas
Pero eso lo puede hacer React Tambien, con un useMemo o un useCallback, tiene sus ventajas y facilidades pero no es la gran cosa.
Midu lo mismo está pasando con Angular, en la v16 nos traerán las signals 🥰
Andrew Clark: "We might add a signals-like primitive to React but I don’t think it’s a great way to write UI code. It’s great for performance. But I prefer React’s model where you pretend the whole thing is recreated every time. Our plan is to use a compiler to achieve comparable performance."
"When we do add a signals-like primitive, it’ll mostly be geared toward serving as a compiler target, or as a low level API for library authors"
mardicion, aprendo algo y ya sale algo nuevo.
En conclusión, Evan Yu es mejor programador que todo el equipo de React. ¿Qué opináis?
Esto ya lo hacía vue desde sus inicios no es algo nuevo y es llamado una referencia, desde que salió vue3 prácticamente se estandarizó como un método de la composition API :v ahora los react developers lo llaman signals wtf, pero realmente estás son las meras bases de reactividad en vue proxies, getters and setters...
En cuanto a gestion del estado me gusta mas Pinia que el mismoRedux-Toolkit
Angular en su versión 16 va a incorporar signals
7:00 es la manera como Vue lo hace con composition API, y si se siente mas natural que el setFn
no puedo aprender nada porque al mes queda obsoleto 🤡🤡
Basicamente lo que hace Vue con ref(). Una de las cosas que me gusta tanto de Vue.
gracias por darnos siempre darnos las nuevas maneras de hacer las cosas
Totalmente de acuerdo que useSignal >> useState. Lamentablemente, en Twitter el core team de React ya se ha manifestado repetidas veces en contra de useSignal. Ojalá que cambien de opinión, sería genial que React lo incorpore
Tiene sentido, va contra la filosofia de React, un componente con signals deja de ser determinista y pasa a ser dependiente de contexto de ejecución.
@@Fernando-ry5qt exacto para eso esta el useRef() ya quien mezcle useState() es otra cosa...
Apenas aprendiendo useState y no alcanza uno a asmiliar todo lo que puede ofrecer, cuando ya viene otro a reemplazarlo asi es imposible
Yo que tengo apenas 4 meses estudiando me pregunto como es que descubren ese tipo de codigos, es muy interesante,
Me sentí tan feliz cuando por fin entendí como funcionaba el useState (así es, no entendía, soy mas de backend), y ahora me encuentro con que es obsoleto, lo bueno es que luego de que entendí eso pude implementar un OberserPattern con jsvanilla + clases + typescript sin problemas, así que supongo que de ahora en adelante no tendré problema alguno en implementar otras soluciones al cambio de estado en cosas de frontend.
JAJAJAJAJ lo acabo de entender, y ahora obsoleto jajaj
Gracias Midu, te amamos ❤
😍😍😍😍 gracias, Maria!
En svelte entonces el estado hay que manejarlo desde el mismo componente? Pregunto porque creo que he estado haciendo unas acrobacias curiosas. He estado ocupando las stores como estados y desde la documentación sale que para eso, según entendí, hay que ocupar el suscribe en el onDestroy para evitar una fuga de memoria y no sé si estoy haciendo bien así
hola bro, como se llama la lupa que usas?
Hola Midu, gracias por tus videos, no dejaste el link del Tweet.
whhhhhaaaatt espectacular esto es lo mismo que en solid OMG yo creo que asi react no lo implemente puede que next js si
que no angular lo saco?
Al fin algo que no empeore el JS!!!!. Siempre sostuve que la manera de trabajar de React con el estado es muy fea
Soy nuevo en programación y cuando veo esto me da ganas de cambiar de carrera
Justamente estas son las cosas que te deberian dar ganas de seguir, es una mejora, osea te estan mostrando que alguien penso en una mejor manera de hacer lo que ya estabamos haciendo, una maravilla!
Pues cambiate por qué es el pan de cada día y no solo en el front end
Angular ya lo ha incorporado en su última versión los signals
Yo no entiendo por qué muchos youtubers ignoran a angular como si no existiera xD
@@DanielGonzalez-wr7fz quiero pensar que es por desconocimiento no tiene una comunidad tan sexy como React Vue y demás es más bien de enterprise
@@DanielGonzalez-wr7fz Vue lleva buen tiempo con esa reactividad y muchos ni lo topan
ps al comienzo analice que es useRef() + useState() juntos basicamente, aunq rompe un poco el paradigma de react, sin embargo ya lo hace como state o ref para que otro en fin ojala no vayan a cagarla.
de hecho yo vi reactividad cuando estudie JS Vanilla y ahi manejaba mis propios estados en mis archivos modulares
Cuando va a llegar esto a React 😢😢😢😢😢😢😢 no lo encuentro en los docs!
No es así como funciona Vue 3?
Puedes hablar de RxJs? O que opinas de Reactive en react.
Creo que esta mejor abstracción tiene más sentido, ojalá y se llegue a implementar.
Technically speaking, Vue refs are already reactive signals. That's why it's easy to replicate the specific API design choices of other frameworks.
¿Puedes usarlo para consumir el valor numerico de ese estado para una función sin que se atrase el valor. Por ejemplo un valor de estado es 1. Lo igualo a count = this.state.valor y lo mando a una funcion(count) pero el valor de esa función, todavia no llega.
Aprendiendo de Vue3 god
Vue riéndose epicamente
pregunta... esto incluye cambios y/o afectación en herramientas como redux y su manejador de estados?
Con useImmer estoy contento
Que opináis de Jotai como alternativa a useState?
Angular esta implementando esto de manera nativa.
Ojala también aprovechen esto para facilitar pasar el estado cuando se aplica el SSR
No tanto así, angular simplemente hace referencia a variables en el template, o sea si la variable cambia; el Html cambia, sin necesidad de añadir nada a menos que sea un input y quieras hacer 2 way data binding
@@amaury_permer ese es el funcionamiento tradicional de toda la vida, por eso en su versión 16 están introducen de forma no estable el uso de Signals para mejorar la forma en que se Renderiza la aplicación
@@JecksonGarcia pues es que si es algo pesado en ese sentido, recuerdo que cuando empezaba a usar react me preguntaba por qué no simplemente hacían lo que Angular, después entendí, no estoy tan atento a las novedades de Angular ya que apenas lo comencé a utilizar por trabajo y se ocupa una versión vieja, bueno saber que están haciendo cambios en ese sentido
En React Native tendría conflicto, no? @midu 🤔
sueño con que algun dev logre integrar signal en react native, de hecho hace un tiempo atras hicieron una peticion para integrarlo pero quedo en nada
Dijiste como funciona el useState en 20 segundos y lo comprendí mejor que en 20 cursos.
Y lo de useSignal Si qué podría sustituir al useState.
React será un solid? va a dejar de usar redux, reducer y estos manejos de estados?
Solo vine a decir que esto lo lleva haciendo vue desde la versión 2
En el caso de React, useAnotherFramework() es el futuro
Es muy complejo seguirle el paso a cosas como react.
a todos los frameworks de front en realidad...
a mi me paso en una aplicación usando react native, una calculadora simple, en dispositivos con pocos recursos para renderizar el label, el usestate hacia que fuera ultra ultra lento
@@francarloscastillorobles3618 entonces será el framework el problema ? Porque literal mi código solo tenía los 9 botones, mas agregar, multiplicar, dividir, borrar todo
Y probé con botones, con touchable algo, y cuando eran muchos botones explotaba, era ultra lento
@@francarloscastillorobles3618 también lo intente 😅
muy buena pero mas magica, svelte...
Tienes que hacer un clon de fotocasa y contarnos anegdotas o algo de cuando lo hacías en produción jaja
Parecido a los que usa angular con el ChangeDetectorRef
Es curioso lo similar que son los signals a los refs de Vue
Todo esto empiezo hace muchos años por que usar funciones en vez de variables para "variables" se veía de mala manera y aqui estamos otra vez de vuelta en la casilla 0 con un simple patron de notificación. Redescubriendo la rueda🤦
07:40 Se parece a ref de vue3
Muy interesante el useSignal!
Totalmente!
@@midulive Midu estimado, cual es ese curso de react cuando ejemplificas el useSignal, puedes dejarme el link por favor?
eso no es igual a qwik?
Si
React va a usarlo si o si. Porque no van a quedarse atras solo por no querer usar una funcionalidad "ajena"
POV: Acabas de aprender y entender el useState xd
La programación reactiva llega a los frameworks de frontend!!
Vue implementa signals desde hace años
muchas cosas detras de los frameworks
me pregunto si angular tiene el mismo problema
la forma como angula renderiza es diferente, por las estrategias de deteccion de cambios, pero igual van a incorporar signals
Se me de un aire a Vue
No es lo mismo que ref en vue? No sé porque tanto hype por algo que lleva años en vue y apenas se le reconoce. Me estoy perdiendo algo?
En el propio vídeo lo comentamos que es similar.
Si, pero si no me equivoco solo lo mencionas rápidamente en el 13:52. Mi crítica (no a ti personalmente sino al sector en general) es que me parece injusto que a vue no se le dé el mérito que se merece teniendo esta función desde hace muchísimo más tiempo pero al no ser del ecosistema de React pues see le da mucho menos importancia. Creo que a Vue de le maltrata y React esta sobrevalorado 🙈. El siguiente paso será tener computed() 😅.
Aún así, ya decirte que me gustas mucho me entretienes bastante. Me gusta mucho tu trabajo 😊
Esto es lo que existe en Svelte desde 2019, no?
En el propio vídeo explico qué es lo que tiene Svelte.
@@midulive Lo que tiene Svelte ya me lo se. :)
gracias
A la orden!!!
jotai ❤❤❤❤❤❤❤❤
orale, se parece a vue usando ref(0)
nah, react apenas implementando esto, y svelte ya lo integra y mejor xD sin un hook
Y se acaba de reinventar svelte xD.
Por fin han conseguido medio-imitar lo que hace Svelte desde el día uno, no? Actualización selectiva del componente que ha cambiado sin necesidad de VDOM
Esto no es lo que hace angular?
Esta creo que en Alpha desde su versión 16 para que la gente pruebe y luego ver si lo vuelven Stable
oh wtf nice info
Bruh..recien le entendi la logica a UseState
yo siempre odie useState, muchos bugs.
midu, tus videos resubidos de lives, quedan con poco volumen, compara con algun video de otro youtuber, y te darás cuenta! igual gracias por la info!!!
No hay nada que odie mas que React.
Odiar a una biblioteca. Qué concepto más desconcertante.
no finjas no haber visto los desastres que son esos codebases y lo que escriben quienes salen de "React Bootcamps"@@midulive
Cuando van a simplificar el lenguaje? Porque mira que es facil hacerlo mejor y siguen cagandola
magic oriented 😂
Pero acabo de aprender a usar useState 😵💫
Buen video, pero es muy molesto que lo subas sin editar, sería mucho mejor sin todas las interrupciones de donaciones/suscripciones/etc del live.
El tema es QUÉ , ... React, ya no será unas de las mejores opción 🤷♂ Muy Pronto✌....Suerte
Paso Marck y se cago de risa
Estas loco JJAJA
Ngrx
Otra vez a estudiar react
😂😂😂