Create-react-app
Clase 4 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
Create-react-app es una aplicación moderna que se usa desde una línea de comando. Antes de ella se configuraba todo el entorno manualmente lo cual tomaba mucho tiempo.
Pasos para obtenerlo:
Se debe instalar desde la línea de comando usando
npm install -g create-react-app
Una vez instalado se crea la carpeta del proyecto con
create-react-app -nombre del proyecto-
En este punto se estará instalando React y otras herramientas, también se configurará el entorno usando Webpack.
Una vez se instala todo entra a la carpeta src donde estará todo el código fuente de la aplicación, siendo el más importante index.js que es el punto de entrada a la aplicación.
Finalmente para correr la aplicación se usa el comando
npm run start
Otras herramientas:
- Babel: Traduce Javascript moderno (JSX) a un Javascript que todos los navegadores puedan interpretar.
- Eslint: Lee el código y avisa de errores.