Índice de los apuntes

🏗️ Construir aplicación web con React no es fácil

Ideas/conceptos claves

Total cost of ownership.- es ¿Cuánto le vale a tu empresa el tiempo que gastas en mantener el framework que tú misma/o creaste? Como mantener el código o la arquitectura de la aplicación

Apuntes

Pensar en las tecnologías a usar como ser css, webpack, babel, Rollup, Babel y como integrarlos, pensando solo en el desarrollo, dejando preguntas como:

Estas preguntas que son tan decisivas y parecen fáciles se les llama "Total cost of ownership"

Para la gran mayoría de los casos como el 90%, hay que enfocarnos en brindar dar valor a nuestro proyecto, a la empresa. El tiempo lo deberíamos invertir pensando en esta idea y no lidiando con la arquitectura o framework que nosotros debemos construir.

React tiene una ventaja la cual es que es una librería, la cual nos deja construir el entorno en donde vamos a operar, pero igual es una debilidad, pero eso implica una debilidad la cual es que no podemos saber cuál es el entorno correcto.

Es ahí donde entra frameworks como Next.js, el cual ya está pensado en crear productos de las formas más óptimas posibles agregando valor a nuestro producto. Dejándonos pensar solo en el desarrollo y no tanto en este tipo de decisiones.

<aside> 📌 RESUMEN: Next.js nos hace enfocar en el desarrollo del producto dejando de lado decisiones que no agregan este valor como ser la arquitectura de la aplicación

</aside>


🚧 Instalar Next.js

Apuntes

Requisitos

Instalación

# Inicializar un proyecto de npm
npm init -y

Creando un package.json para instalar los paquetes

yarn add next react react-dom

Vamos a cambiar los scripts de package.json

"scripts": {
    "dev": "next",
    "build": "next build",
    "start": "next start"
}

Necesitamos crear un directorio llamado "pages" para luego correr

yarn dev

<aside> 📌 RESUMEN: En esta clase se pudo observar que hacer una configuración para Next.js es sencillo, solo iniciando el proyecto con npm, instalando las dependencias, creando los scripts en package.json y creando un directorio

</aside>