Freddy Montes

Soy un Frontend Developer y diseñador. Aprendo y enseño todo sobre Tecnologías y Diseño Web.

Costa Rica (GMT-6)

🇺🇸 Translate
InstagramTwitterGithubLinkedInStackOverflow

Diferencia entre Reactjs y Nextjs

Freddy Montes|

En resumen, React es una librería, y NexJS es un framework, pero ¿sabes la diferencia entre cada uno?

¿Qué es una aplicación web?

Para construir una aplicación web moderna, necesitas al menos estas tres cosas

  1. Una librería de componentes para mostrar el contenido y permitir a los usuarios interactuar
  2. Un sistema de enrutamiento para navegar por las secciones o páginas de la aplicación 3 Un sistema de construcción para empaquetar la aplicación y publicarla en Internet
Reactjs vs Nextjs

Biblioteca vs. marco de trabajo

Las bibliotecas y los frameworks son código que alguien escribió para ayudarte a resolver problemas comunes mientras escribes tu aplicación.

Bibliotecas

Las bibliotecas son para resolver un problema específico en tu aplicación. Por ejemplo:

  • Enrutamiento
  • Gestión de fechas
  • Transformación de datos

Algunas bibliotecas populares de JavaScript:

  • date-fns: Biblioteca moderna de utilidad de fechas en JavaScript
  • Ramda: Una biblioteca práctica y funcional para los programadores de JavaScript.
  • Parsley: la biblioteca definitiva de validación de formularios en JavaScript

Frameworks

Puede ser todo lo que usas para desarrollar tu aplicación web. Típicamente es una colección de bibliotecas que trabajan juntas de alguna manera opinable para ayudarte a construir una app que funcione completamente.

Algunos frameworks de JavaScript populares

  • Angular: proporciona enrutamiento, obtención de datos, componentes, pruebas y más
  • Nuxt.js: igual que Next.js pero en lugar de Reactjs, utiliza Vue
  • Express.js: es un framework NodeJS para el servidor

Reactjs vs. Nextjs

React es una biblioteca de JavaScript que ayuda a construir interfaces de usuario utilizando componentes como bloques de construcción.

Reactjs hace una parte de toda la aplicación web, que es construir componentes UI para mostrar contenido.

NextJS es un framework con un conjunto de librerías que trabajan juntas para construir una aplicación web, y una de esas librerías es Reactjs.

React es utilizado por Nextjs no sólo para crear componentes en la UI sino para construir páginas completas.

Otras bibliotecas utilizadas por Nextjs son

  • next/router para el enrutamiento y la navegación
  • next/link un componente que permite a nuestra aplicación web enlazar páginas y cargar datos de forma perezosa
  • next/image un componente para cargar imágenes en las páginas de la manera más eficiente

Conclusión

Nextjs como framework te permite usar la librería React para construir páginas y UI para tu aplicación web.

Reactjs como librería es parte de un framework, la parte de componentes UI.


Gracias por leer esta entrada del blog. Cualquier comentario o pregunta me puedes preguntarme en mi Twitter: @fmontes