Skip to content

ada-school/react-lifecycle-and-hooks-v2

Repository files navigation

Ciclo de vida y hooks de React

Esta pequeña app te ayudará a visualizar los ciclos de vida de un componente y los hooks de React más usados en el día a día.

Objetivos

  • Validar los ciclos de vida de un componente.
  • Revisar los hooks más usados en React.
  • Consumir una API REST usando React hooks.
  • Construir un "custom hook".

Instalación

  • Instala Node.js versión: 16.17.0. Lo puedes descargar aquí.

  • Instala pnpm:

    npm install -g pnpm
  • Clona este repo:

    git clone https://github.com/ada-school/react-lifecycle-and-hooks-v2.git
  • Muevéte de directorio:

    cd react-lifecycle-and-hooks-v2
  • Instala la dependencias:

    pnpm install
  • Inicia la aplicación:

    pnpm run dev

Construido usando:

Configuracion sugerida:

  • .vscode/settings.json

    {
      "editor.formatOnSave": true,
      "files.associations": {
        "*.css": "tailwindcss"
      },
      "editor.quickSuggestions": {
        "strings": true
      }
    }