workshops

Next.js para Desarrolladores de React.js

Adrian Hajdin

JavaScript Mastery YouTube Channel Author.

Recording available for Multipass and Full ticket holders

Please login if you have one.

Get Multipass

Bookmark

En esta avanzada masterclass de Next.js, profundizaremos en conceptos clave y técnicas que permiten a los desarrolladores de React.js aprovechar al máximo Next.js. Exploraremos temas avanzados y prácticas prácticas, equipándote con las habilidades necesarias para construir aplicaciones web de alto rendimiento y tomar decisiones arquitectónicas informadas.

Al final de esta masterclass, serás capaz de:

1. Comprender los beneficios de los Componentes del Servidor React y su papel en la construcción de aplicaciones React interactivas, renderizadas por el servidor.

2. Diferenciar entre el tiempo de ejecución de Edge y Node.js en Next.js y saber cuándo usar cada uno en función de los requisitos de tu proyecto.

3. Explorar técnicas avanzadas de Renderizado del Lado del Servidor (SSR), incluyendo streaming, fetching paralelo vs. secuencial, y sincronización de datos.

4. Implementar estrategias de caché para mejorar el rendimiento y reducir la carga del servidor en las aplicaciones Next.js.

5. Utilizar Acciones React para manejar la mutación compleja del servidor.

6. Optimizar tus aplicaciones Next.js para SEO, compartir en redes sociales, y rendimiento general para mejorar la descubrabilidad y la participación del usuario.

FAQ

Los Componentes del Servidor React (RSC) son componentes que se ejecutan exclusivamente en el servidor y nunca se hidratan en el lado del cliente. Esto resulta en un tamaño de paquete de JavaScript más pequeño y una carga de página más rápida. Next.js es la forma recomendada de utilizar RSC, simplificando su implementación y manejo en aplicaciones web.

El SSR (Server-Side Rendering) implica renderizar componentes React en el servidor y enviar el HTML resultante al cliente. Los Componentes del Servidor React, por otro lado, se ejecutan solo en el servidor y no implican enviar JavaScript al cliente, lo cual optimiza el rendimiento y reduce la carga del cliente.

Técnicamente es posible usar los Componentes del Servidor React sin un marco como Next.js, pero no se recomienda para producción debido a las complejidades de configuración y manejo. Next.js proporciona una integración optimizada y eficiente para usar RSC en aplicaciones web.

Next.js facilita el uso de React Server Components mediante la automatización de configuraciones complejas y proporcionando un entorno robusto para manejar RSC de manera eficiente. Esto incluye optimizaciones automáticas y una mejor integración con el sistema de rutas y la arquitectura de Next.js.

Al usar RSC en Next.js, se mejora la performance al reducir la cantidad de JavaScript enviado al cliente, lo que acelera la carga de la página y mejora la interactividad. Sin embargo, es crucial estructurar correctamente los componentes y manejar la carga de datos de manera eficiente para maximizar los beneficios.

Adrian Hajdin

157 min

15 Dec, 2023

Comments

Video transcription, chapters and summary available for users with access.