¡Adiós useState! useSignal es el futuro de los Frameworks Web

[@jesuslopezrodriguez2497]

Colega estás empezando a manejar algo y se queda obsoleto

[@orlandog1979]

Realmente es una locura jajjajaja

[@sanchezcarlos1986]

Lo que callamos los devs.

[@chefaku]

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

[@ftwtf]

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.

[@jorgeveega]

Bienvenido a la programación

[@elmersolis7301]

Gracias midu, por siempre mantenernos al dia

[@moisesfreites8107]

Sería excelente un curso de PWA con React

[@darwinwatterson1732]

Midu lo mismo está pasando con Angular, en la v16 nos traerán las signals 🥰

[@ma.fernanda.]

Gracias Midu, te amamos ❤

[@midulive]

😍😍😍😍 gracias, Maria!

[@JulioCampoSwork]

Si no me equivoco, eso ya lo hace Vue con el "ref" solamente modificando el ".value" es suficiente y no cambia nada mas

[@eduardoantonioolmedomojica5438]

Pero eso lo puede hacer React Tambien, con un useMemo o un useCallback, tiene sus ventajas y facilidades pero no es la gran cosa.

[@CronicasBiograficas]

mardicion, aprendo algo y ya sale algo nuevo.

[@BooneDev-c6h]

gracias por darnos siempre darnos las nuevas maneras de hacer las cosas

[@erickramirez7933]

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í

[@leandromatilla3303]

Angular en su versión 16 va a incorporar signals

[@egonbolton3676]

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

[@Fernando-ry5qt]

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.

[@alexdevorigin1]

@@Fernando-ry5qt exacto para eso esta el useRef() ya quien mezcle useState() es otra cosa...

[@miguelrangel2894]

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

[@orlandog1979]

En cuanto a gestion del estado me gusta mas Pinia que el mismoRedux-Toolkit

[@reydez84]

que no angular lo saco?

[@sebasro9233]

hola bro, como se llama la lupa que usas?

[@user-tz6nn8iw9m]

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"

[@titoworlddev]

Basicamente lo que hace Vue con ref(). Una de las cosas que me gusta tanto de Vue.

[@AndresSaaN]

En conclusión, Evan Yu es mejor programador que todo el equipo de React. ¿Qué opináis?

[@signas13]

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.

[@julioemc2]

JAJAJAJAJ lo acabo de entender, y ahora obsoleto jajaj

[@orlandog1979]

Apenas aprendiendo useState y no alcanza uno a asmiliar todo lo que puede ofrecer, cuando ya viene otro a reemplazarlo asi es imposible

[@MxEdgarMx]

Yo que tengo apenas 4 meses estudiando me pregunto como es que descubren ese tipo de codigos, es muy interesante,

[@victororellano1921]

No es así como funciona Vue 3?

[@gonzalooviedo5435]

Hola Midu, gracias por tus videos, no dejaste el link del Tweet.

[@yanluisnunezlara319]

Soy nuevo en programación y cuando veo esto me da ganas de cambiar de carrera

[@danielarroyo679]

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!

[@hugoiceloflores5030]

Pues cambiate por qué es el pan de cada día y no solo en el front end

[@oskarkos100]

Aprendiendo de Vue3 god

[@joshxy2285]

Que opináis de Jotai como alternativa a useState?

[@elmichiapologeta]

Cuando va a llegar esto a React 😢😢😢😢😢😢😢 no lo encuentro en los docs!

[@alvarosego01]

pregunta... esto incluye cambios y/o afectación en herramientas como redux y su manejador de estados?

[@FabianD1991]

Al fin algo que no empeore el JS!!!!. Siempre sostuve que la manera de trabajar de React con el estado es muy fea

[@HYP3RK1NECT]

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

[@velkanalpha]

Con useImmer estoy contento

[@luissaraza840]

7:00 es la manera como Vue lo hace con composition API, y si se siente mas natural que el setFn

[@marcosantonioreyesmedina2364]

Creo que esta mejor abstracción tiene más sentido, ojalá y se llegue a implementar.

[@gerardovanced3983]

no puedo aprender nada porque al mes queda obsoleto 🤡🤡

[@VLAD5842]

Angular ya lo ha incorporado en su última versión los signals

[@DanielGonzalez-wr7fz]

Yo no entiendo por qué muchos youtubers ignoran a angular como si no existiera xD

[@VLAD5842]

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

[@1jose5]

@@DanielGonzalez-wr7fz Vue lleva buen tiempo con esa reactividad y muchos ni lo topan

[@linkndead]

En React Native tendría conflicto, no? @midu 🤔

[@edgardomolinagonzalez3121]

React será un solid? va a dejar de usar redux, reducer y estos manejos de estados?

[@josemiguelriverarodriguez7152]

Technically speaking, Vue refs are already reactive signals. That's why it's easy to replicate the specific API design choices of other frameworks.

[@carlosbarrera6098]

whhhhhaaaatt espectacular esto es lo mismo que en solid OMG yo creo que asi react no lo implemente puede que next js si

[@Gulliver626]

Puedes hablar de RxJs? O que opinas de Reactive en react.

[@DiegoPerozo]

Muy interesante el useSignal!

[@midulive]

Totalmente!

[@douglashinojosa9233]

@@midulive Midu estimado, cual es ese curso de react cuando ejemplificas el useSignal, puedes dejarme el link por favor?

[@NicolasSilvaVasault]

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

[@damiantriebl1747]

eso no es igual a qwik?

[@santiagocaci121]

Si

[@alexdevorigin1]

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.

[@IRagnarox]

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.

[@vruno182]

Tienes que hacer un clon de fotocasa y contarnos anegdotas o algo de cuando lo hacías en produción jaja

[@nicobxez]

de hecho yo vi reactividad cuando estudie JS Vanilla y ahi manejaba mis propios estados en mis archivos modulares

[@mrcego]

Vue riéndose epicamente

[@camilocastro2854]

gracias

[@midulive]

A la orden!!!

[@devrub623]

Angular esta implementando esto de manera nativa.

[@JecksonGarcia]

Ojala también aprovechen esto para facilitar pasar el estado cuando se aplica el SSR

[@amaury_permer]

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

[@JecksonGarcia]

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

[@amaury_permer]

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

[@vourdalak666]

Es curioso lo similar que son los signals a los refs de Vue

[@skuarch]

muchas cosas detras de los frameworks me pregunto si angular tiene el mismo problema

[@Marioblack80]

la forma como angula renderiza es diferente, por las estrategias de deteccion de cambios, pero igual van a incorporar signals

[@cristianmari1226]

jotai ❤❤❤❤❤❤❤❤

[@maxgarcia4547]

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?

[@midulive]

En el propio vídeo lo comentamos que es similar.

[@maxgarcia4547]

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 😊

[@mmfernandezf]

Es muy complejo seguirle el paso a cosas como react.

[@Mannlexx21]

a todos los frameworks de front en realidad...

[@SilvestreVivo]

Esto es lo que existe en Svelte desde 2019, no?

[@midulive]

En el propio vídeo explico qué es lo que tiene Svelte.

[@SilvestreVivo]

@@midulive Lo que tiene Svelte ya me lo se. :)

[@mjerez6029]

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🤦

[@vistaland]

En el caso de React, useAnotherFramework() es el futuro

[@sk8osner]

Parecido a los que usa angular con el ChangeDetectorRef

[@camotubi]

Solo vine a decir que esto lo lleva haciendo vue desde la versión 2

[@gilbertluis7996]

Se me de un aire a Vue

[@BlackMilo87]

muy buena pero mas magica, svelte...

[@Jquint3ro]

React va a usarlo si o si. Porque no van a quedarse atras solo por no querer usar una funcionalidad "ajena"

[@victor52589]

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

[@victor52589]

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

[@victor52589]

@@francarloscastillorobles3618 también lo intente 😅

[@styk924]

Esto no es lo que hace angular?

[@JecksonGarcia]

Esta creo que en Alpha desde su versión 16 para que la gente pruebe y luego ver si lo vuelven Stable

[@programacion5536]

La programación reactiva llega a los frameworks de frontend!!

[@DO462]

Vue implementa signals desde hace años

[@hbiblia]

07:40 Se parece a ref de vue3

[@JuaniDev]

oh wtf nice info

[@SergioSeguraTV]

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

[@danielarroyo679]

POV: Acabas de aprender y entender el useState xd

[@javierantoniofelixtorres2851]

orale, se parece a vue usando ref(0)

[@SkillisForNoobs]

Y se acaba de reinventar svelte xD.

[@Rvjonh]

nah, react apenas implementando esto, y svelte ya lo integra y mejor xD sin un hook

[@saracamilalauramanzaneda2776]

yo siempre odie useState, muchos bugs.

[@gatos-perros]

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

[@MateScript]

Bruh..recien le entendi la logica a UseState

[@JoAcOx7]

magic oriented 😂

[@mvargasmoran]

No hay nada que odie mas que React.

[@midulive]

Odiar a una biblioteca. Qué concepto más desconcertante.

[@mvargasmoran]

no finjas no haber visto los desastres que son esos codebases y lo que escriben quienes salen de "React Bootcamps"@@midulive

[@JavierRamirez-nb2xh]

Pero acabo de aprender a usar useState 😵‍💫

[@TechSpot_Reviews]

Cuando van a simplificar el lenguaje? Porque mira que es facil hacerlo mejor y siguen cagandola

[@kololee]

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.

[@darioanyelocuzc5604]

El tema es QUÉ , ... React, ya no será unas de las mejores opción 🤷‍♂ Muy Pronto✌....Suerte

[@francobaudino8550]

Paso Marck y se cago de risa

[@faustojosevincesmendoza6854]

Estas loco JJAJA

[@caeb-92]

Ngrx

[@SaysAnX]

Otra vez a estudiar react

[@joyola15]

[@midulive]

😂😂😂