Contenido

Modern React with Redux - Sec 1

Let's Dive In!

Sección 1: Let’s Dive In!

  • Vista general del curso
    • Cómo buscar ayuda
    • Enlace a la comunidad
  • Una primera app usando CodeSandbox
  • Setup
    • NodeJS
    • Create React App (CRA)
  • El sistema de módulos de javascript
  • Componentes funcionales
Vite en lugar de CRA
  • En el curso se usa CRA, pero yo estoy siguiéndolo con Vite.
  • Create React App (CRA) es la herramienta oficial, desarrollada por los desarrolladores de Facebook.
    • Tarda varios minutos para empezar cada proyecto
    • Tarda bastante para hacer los rebuilds
  • Evan You, creador de VueJS, desarrolló Vite para facilitar el building de aplicaciones web JS.
    • No está limitado a Vue o React, es más universal.

    • Tiene grandes ventajas de performance sobre CRA.

      • Se empieza un proyecto en menos de un minuto.
        • $ npm create vite@latest
      • El Hot Reloading Module (HRM) es prácticamente instatáneo.
    • El esquema de trabajo es bastante similar, haciendo algunas adaptaciones menores.

      <!-- index.html -->
      <script type="module" src="/src/main.jsx"></script>
      
      • Se usa jsx para indicar explícitamente que es un archivo jsx.
      • $ npm run dev