Si contestas mal estas preguntas de Next.js no pasas la entrevista

3 months agoMay 15, 2025
1:41:57
2,398 views
100 likes
G

Goncy

Channel

Interviewed Person

Gonzalo Pozzo (Goncy)

Description

Pensaste que saber getServerSideProps y getStaticProps era saber Next.js pero nunca estuviste tan equivocado. Acá hablamos de la posta. Preparate para las entrevistas con este contenido y después decime como te va 🤝

Transcript

Group by:

es dice "Uso router refresh en una página con force dynamic funciona en local pero en prod." ¿Qué significa esto es una muy buena pregunta de entrevista realmente una muy buena pregunta de entrevista lo que está diciendo esta persona es que tiene una página que es 100% dinámica imagínense una página que cada vez que ustedes la refrescan muestra un número nuevo en pantalla como estamos teniendo contenido dinámico cada vez que nosotros lecamos un refresh

le pegamos una base de datos le aumentamos un número lo mostramos en pantalla ¿no o sea cada vez que nosotros hacemos un F5 ahora ¿qué pasa si nosotros tenemos el la instancia de router o sea esa que obtenemos con router de Next Navigation y le hacemos un router punto refresh se vería un número actualizado en pantalla cada vez que nosotros le damos a router punto

refresh ¿ustedes qué dirían yo ahora les comento la respuesta pero ustedes internamente ¿qué es lo que les dice esto en proyectos medianamente grandes es mejor separar el backend de NSJs para separar responsabilidades ahora vamos a esa entre el server XJ el server de componente recencia dos muy buenas preguntas ahora las vamos a ver ¿debería pero no causa un rerrender el

refresh todo lo que dijiste Chan está mal pero ahora vamos a por qué está mal em bueno cuestión si usamos router refresh lo que estamos haciendo vamos a a pensarlo de esta manera tenemos dos router uno es el router que pasa en el server o sea entra una petición a nuestra página alguien quiere entrar al al home quiere entrar al index y hay un router en el server que decide qué página es la que va a

tener que mostrar dependiendo de la petición que se originó y alguien dijo "Che quiero ir a barra que es nuestra home." El router dice "Bueno la página que tengo que ejecutar que tengo que generar el servidor y después volver es la barra." Entonces ese es el primero vamos a decirle el server router se se genera la página porque es dinámica se le manda me cociner se le manda al cliente ahora algo que es muy

confuso en Nexts y que me encantaría que sea mucho más sencillo es el tema del caching si nosotros tenemos una cantidad estúpida de calles tenemos el calle del servidor tenemos el calle del cliente tenemos el calle del router tenemos data casash tenemos un montón de calles diferentes en este caso nosotros solamente podemos acceder a la instancia esta de router que nos da use router desde lado del cliente ¿por qué porque es un hook que solo podemos acceder de client components lo que nos permite

usar este hook de use router es la instancia del router del cliente cuando nosotros llamamos a router refresh lo que hacemos es refrescar el calé del cliente o sea refrescar la ruta en el cliente por ende por eso te digo Chan que lo que dijiste estaba mal causa un rerender el router refresh pero no ejecuta nuevas peticiones hacia el servidor o sea que todas las la data que nos vino a nosotros el servidor sigue

siendo exactamente la misma pero volvemos a generar un rerrender ¿para qué quisiéramos hacer algo por el estilo bueno imagínense que nosotros actualizamos los query params los search params o algo por fuera del flujo de React o teníamos no sé un time stamp o teníamos un use effect desde el lado del cliente que hacía una petición para traerse datos entonces todas esas cosas del cliente que dependían de este

204 segments (grouped from 947 original)15569 words~78 min readGrouped by 30s intervals

Video Details

Duration
1:41:57
Published
May 15, 2025
Channel
Goncy
Language
ENGLISH
Views
2,398
Likes
100

Related Videos