No tienes acceso a esta clase

隆Contin煤a aprendiendo! 脷nete y comienza a potenciar tu carrera

Aprende Ingl茅s, Programaci贸n, AI, Ciberseguridad y m谩s a precio especial.

Antes: $249

Currency
$209
Suscr铆bete

Termina en:

2 D铆as
20 Hrs
50 Min
9 Seg

Next.js, Nuxt.js, Astro, Remix...

7/15
Recursos

Aportes 5

Preguntas 0

Ordenar por:

驴Quieres ver m谩s aportes, preguntas y respuestas de la comunidad?

  • Framework
    Es un conjunto de herramientas y patrones ya definidos, que nos crean restricciones, a cambio de tener un entorno de trabajo estandarizado, con soluciones comunes a problemas frecuentes.
  • Existen muchos frameworks que nos ayudan a aplicar patrones de dise帽o, y adem谩s nos ofrecen los diferentes modos de renderizado.
  • La elecci贸n de un framework tiene un impacto en la forma en la que dise帽amos nuestra arquitectura.

Next.js

Es el framework que usa Platzi. Es un framework de React que nos ofrece:
- Server-side rendering
- Static-site generation
- Incremental static regeneration

  • Nos ayuda a ordenar el c贸digo, ya que debemos seguir una estructura de carpetas para poder generar las rutas de nuestra aplicaci贸n.
    Ventajas de Next.js
  • Tiene cero configuraci贸n
  • Las compilaciones son s煤per r谩pidas
  • Soluci贸n de internacionalizaci贸n.
  • Posibilidad de crear endpoints para tu backend, simplemente creando archivos en la carpeta 鈥減ages/api鈥
  • Nos ofrece todo lo que necesitamos para crear una aplicaci贸n web completa.

Remix

  • Lo m谩s destacable es la posibilidad de crear rutas anidadas
  • Simplifica la gesti贸n de los estados en la validaci贸n de datos de formularios

Nuxt.js

Ofrece renderizado en el servidor, en el cliente y la generaci贸n de p谩ginas est谩ticas de forma incremental.

  • Frameworks que ofrecen Islas
  1. Astro
    Es agn贸stico a la biblioteca de UI que quieras usar.
  2. Deno Fresh
    No tiene un paso de compilaci贸n, ya que la transformaci贸n de nuestro c贸digo se hace al vuelo. Esto nos permite tener un entorno de desarrollo muy r谩pido, con despliegues casi instant谩neos, y que podemos hacer cambios casi en tiempo real.

驴Cu谩l framework deber铆a elegir?

Depende de tus necesidades y preferencias.

  • Next.js es la opci贸n m谩s segura. Es el framwork que m谩s est谩 creciendo.

Frameworks que no est谩n basados en JavaScript

  • Django (basado en Python)
  • Laravel (basado en PHP)
  • Ruby on Rails (basado en Ruby)

Un poco de SvelteKit.
https://youtu.be/4dkWsytM1kg

Interesante!

Ha salido Astro 3.0!! Estoy un poco ansioso porque he visto como funciona y me parece una locura, ya quiero que saquen mas cursos de Astro Aqui en platzi .

# Frameworks Es un conjunto de herramientas y patrones ya definidos, que nos crean restricciones, a cambio de tener un entorno de trabajo estandarizado, con soluciones comunes a problemas frecuentes. En el frontend existen muchos frameworks que nos ayudan a aplicar patrones de dise帽o, y adem谩s nos ofrecen los diferentes modos de renderizado. # Arquitectura Cuando hablamos de arquitectura en el frontend esto va mucho m谩s all谩 que el uso de un framework. La elecci贸n de un framework tiene un impacto en la forma en la que dise帽amos nuestra arquitectura. # Next.js Es el framework que utiliza Platzi. Es un framework de React que nos ofrece: SSR, SSG y ISR. Nos ayuda a ordenar el c贸digo, ya que debemos seguir una estructura de carpetas para poder generar las rutas de nuestra aplicaci贸n. Next.js hace que nuestra arquitectura tienda a ser un monolito. ## **Ventajas** * Tiene cero configuraci贸n. * Las compilaciones son superr谩pidas. * Soluci贸n de internacionalizaci贸n. * Posibilidad de crear endpoints para tu backend, simplemente creando archivos en la carpeta `pages/api`. * Nos ofrece todo lo que necesitamos para crear una aplicaci贸n web completa. ## Futuras features * Rutas anidadas. ## Curiosidad Tiene muchas m谩s estrellas en GitHub que los dem谩s frameworks. # Remix Es una alternativa a Next.js, de los creadores de React Router. Lo m谩s destacable es la posibilidad de crear rutas anidadas. Su forma de gestionar los formularios simplifica la gesti贸n de los estados en la validaci贸n de datos del mismo. # Nuxt.js Utiliza Vue, ofrece renderizado en el servidor, en el cliente y la generaci贸n de p谩ginas est谩ticas de forma incremental. # Svelte kit Es la alternativa para Svelte y pronto tendr谩 su primer versi贸n estable. # Angular Universal Es la opci贸n para Angular. # Asto Utiliza la arquitectura de islas, es agn贸stico a la biblioteca de ui, es decir, podemos usar componentes de cualquier librer铆a/framework. Para crear una isla solo tenemos que cargar el componente que queremos convertir en una isla interactiva e indicar con una directiva cuando se le debe dar vida a ese componente en el cliente. Por defecto, los componentes que se cargan en astro son est谩ticos. ## Uso Para proyectos con muy como interactividad como landing pages o portafolios. # Deno Fresh Usa Deno y Preact, este no tiene un paso de compilaci贸n, la transformaci贸n de nuestro c贸digo se hace al vuelo. Esto nos permite tener un entorno de desarrollo muy r谩pido, con despliegues casi instant谩neos, y que podemos hacer cambios casi en tiempo real. # 驴Qu茅 framework elegir? ## Respuesta Depende. Depende de las necesidades, preferencias y conocimientos tantos propios como los del equipo de desarrollo. Seg煤n Midudev, Next.js es la opci贸n m谩s segura, ya que es el framework que m谩s est谩 creciendo y m谩s impacto est谩 teniendo en la comunidad. # Otros frameworks * Django (basado en Python) * Laravel (basado en PHP) * Ruby on Rails (basado en Ruby) * Curiosidad, sigue estrictamente el patr贸n de MVC.