Cosas que NO sabes de Next.js y React

4 months agoApril 9, 2025
1:50:39
5,385 views
268 likes
G

Goncy

Channel

Interviewed Person

Gonzalo Pozzo (Goncy)

Description

Un poco de click bait hay en el título pero aguantensela, en este stream hablamos de MUCHAS cosas, seguramente en el timeline me pierdo de algunas así que miren todo (yo no lo haría): 00:00:00 -- Hablamos de state managers 00:07:28 -- Optimización de imágenes con Sharp 00:25:10 -- Revisión de la estructura de Gyncy 00:29:00 -- Cursor rules 00:30:00 -- Screaming architecture Acá empieza lo bueno: 00:31:50 -- Rewrites 00:42:20 -- i18n 00:45:25 -- generateMetadata 00:46:07 -- Request Memoization 00:48:10 -- Route groups 00:52:37 -- useTransition + unstable_postpone 01:02:17 -- Suspense en prerender dinámico vs estático 01:03:35 -- PPR 01:07:55 -- Cuando un error es capturado por un error boundary 01:19:15 -- React.lazy / next/dynamic Acá empieza la pala vibecodera: 01:29:37 -- Optimizando la estructura de traducciones 01:38:45 -- Traducciones Type Safe 01:41:40 -- Error handling Ojalá les haya gustado!

Transcript

Group by:

gran proyectito Pron next J Myat CN JI eh Backen Turso Dr JS Cludinar y con eso ha es cualquiera Next SH CN Banco Jai no me gusta mucho eh la idea de los atoms y todo Prefiero ponerle Jotila creó el mismo chon que creó Sustan y también creó Baltio que Baltio me parece que está muy copada porque tiene una que vamos a mostrar para qué tenemos una pantalla ¿no Bueno si ustedes van por ejemplo a Sustan vamos a buscar Sustan GitHub

vamos a poner Jai GitHub y vamos a poner Valtio GitHub Todas fueron creadas por la misma persona por grupo que es creo que se dice poimandres pero no estoy muy seguro Entonces sustan la mayoría de las personas que usan acá capaz lo conocen es una de state management que una de las cosas copadas que vino a traer en su momento cuando empezó fue este sistema providerless o sea no tenés que rapear

tu aplicación con un provider y simplemente te permite crear un hook o a lo que ellos llaman un store y puedes acceder y tiene esta este formato en el que tenés funciones setter que reciben un state y devuelven un state nuevo Entonces pues cuando lo usas en hooks nada vos querés acceder a una porción a un selector de ese state simplemente pasas el selector accedes a los valores y y fin y muy parecido a la hora de tener que ejecutar acciones Por ejemplo

este increase population es una función vos lo llamass actualizar el estado y todos los lugares que accedían a ese estado se actualizan y listo Y la persona que hizo esto dijo que cada librería de manejo de estado que sacó es una interación una mejora de las anteriores Entonces Sustan fue la primera que sacó Eh bueno no sé si fue la primera que sacó Yo hablo de Sustan Jan y Baltio ¿no Sustan fue la primera de esas tres Ji la segunda y Baltio la tercera Jogo copado que tenía es que fue una de las primeras

librerías que sacó soporte para data fetching con suspenso O sea vos podías pasarle unos parámetros a JI para que cuando estabas ejecutando una de las acciones active el suspense boundary más cercano Eh no sé si eso prosperó Además creo que tengo un un PR un ISU creado cerrado algo en J hace hace años Y lo que plantea es esta idea de átomos O sea vos en vez de crear un state un store creas un átomo que es simplemente una unidad de estado a la que vos por

ejemplo le decís countas un cero Entonces después usas un átomo le pasas este átomo que también lo importas de otro lado La idea es que vos crees tus propios hooks que básicamente usan el use Atom y después crean los handlers para manejarlos y lo manejas así Para mí es muy granular para una aplicación tradicional Yo creo que Sustand es una muy buena abstracción por sobre esta idea de manejo de estado Em entonces bueno tenés eso Después tenés algunos help más y después

Valtio Baltio es un es una mezcla de muchas cosas O sea lo que tiene es esta función esta este método proxy que se parece al create store que tenemos en coso que tenemos en sustan donde vos le pasás una serie de valores que querés ahí y estos valores

son reactivos o sea vos obtenés en este state un una serie de valores que podés mutar o sea vos le podés hacer más state Count o state más o hacer un push a una ray y eso va a actualizar los lugares en donde se esté usando ese estado ese básicamente un un proxy Vos estás mutando esto en realidad por atrás lo que está pasando es está creando un nuevo objeto inmutable basado en los cambios que vos le aplicaste a esos valores lo cual está muy bueno porque en

222 segments (grouped from 1014 original)15876 words~79 min readGrouped by 30s intervals

Video Details

Duration
1:50:39
Published
April 9, 2025
Channel
Goncy
Language
SPANISH
Views
5,385
Likes
268

Related Videos