Clonar el código de GitHub
Clase 5 de 37 • Curso de React.js 2019
Contenido del curso
Fundamentos
Creación y diseño de componentes
- 8

¿Qué es un componente?
05:16 min - 9

Qué es y cómo funciona un componente en React.js
00:00 min - 10

Nuestro primer componente
09:42 min - 11

Cómo aplicar estilos
08:55 min - 12

Props
05:38 min - 13

Nuestra primera página
10:25 min - 14

Enlazando eventos
09:02 min - 15

Manejo de estado
10:03 min - 16

Levantamiento del estado
11:26 min - 17

Listas de componentes
11:03 min
React Router
Component Lifecycle
Llamadas a un API
- 23

Introducción llamadas a un API
03:30 min - 24

React.js: Cómo traer datos de un API en React
12:40 min - 25

Solicitando datos (GET)
12:12 min - 26

Mejorando la Experiencia de Usuario durante una petición
07:19 min - 27

Enviando datos (POST)
12:03 min - 28

Manejando los estados de la petición durante el POST
07:12 min - 29

Actualizando datos (PUT)
10:35 min - 30

Actualizaciones automáticas
07:27 min
Mejorando la UI
Conclusion
Clonar el código de GitHub
En esta clase vamos a comenzar clonando el código del proyecto del repositorio en GitHub.
Es importante que tú y yo tengamos un punto de partida en común. Así vamos a poder asegurarnos que cada cambio que yo haga en el código, tú también lo recibas.
Para hacer esto, en la terminal ve a una carpeta donde quieras que exista el proyecto. Entonces escribes lo siguiente:
$ git clone https://github.com/Sparragus/platzi-badges.git
Eso va a clonar el repositorio del curso a una carpeta llamada platzi-badges.
Ahora es necesario que te muevas a esa carpeta.
$ cd platzi-badges
Ahora necesitamos instalar todas las dependencias necesarias para poder correr el proyecto. Lo haremos utilizando npm.
$ npm install
Este proceso puede tardar un poco. Lo que esta haciendo es descargando todas las bibliotecas de código que el proyecto necesita.
Una vez haya concluido, estamos listos para echar a correr el servidor. Lo hacemos con el comando
$ npm run start
Cuando el servidor comience, automáticamente va a abrir una pantalla en el navegador con la aplicación.
Si todo salió bien, vas a ver una pantalla que dice “Hello, Platzi Badges”.
En la próxima clase vas a aprender como fue que “Hello, Platzi Badges” llegó desde el código hasta la pantalla de tu navegador.
*Aquí encuentras el repositorio.