Introducción React

React - Notas

Index:

0 - Atajos

1 - Fundamentos:

1.1 - ¿Qué es react?
1.2 - Construye tu propia librería js
1.3 - Optimizando nuestra librería js
1.4 - Resolución de la librería js
1.5 - Introduciendo jsx
1.6 - Restricciones jsx para etiquetas
1.7 - Restricciones jsx para atributos

2 - Mi primera app

2.1 - Requerimientos para instalar react
2.2 - Instalando mi primera app react
2.3 - Explorando los archivos de la instalación
2.4 - Entendiendo la carpeta public
2.5 - El componente index
2.6 - El componente App
2.7 - Aclarando la importación de react

3 - Componentes

3.1 - Qué son los componentes
3.2 - Componentes presentacionales
3.3 - Destructuración de props
3.4 - Componentes de clase
3.5 - El estado de los componentes
3.6 - Actualizando el estado
3.7 - React developers tools
3.8 - Ciclo de vida de los componentes

4 - Componentes funcionales y los hooks

4.1 - Migrando a componentes funcionales
4.2 - Hooks, useState y el estado inicial
4.3 - Actualizando el estado con hooks
4.4 - El hook useEffect
4.5 - El hook useRef

5 - React Router

5.1 - Iniciando y limpiando un proyecto nuevo
5.2 - Integrando EDgrid al proyecto
5.3 - Componente presentacional Header
5.4 - Estructura de carpetas para componentes
5.5 - Creando componentes de páginas
5.6 - Usando react router
5.7 - Componentes Switch y Route
5.8 - Componente Link
5.9 - Componente NavLink y hooks de react router

6 - Peticiones HTTP

6.1 - Usando mocks y API con JSON server
6.2 - Preparando mi componente reutilizable
6.3 - Peticiones HTTP con Fetch API
6.4 - Renderizando contenido desde una API
6.5 - Utilizando variables de entorno
6.6 - Escuchando cambios en la petición y manejando errores
6.7 - Peticiones HTTP con AXIOS

7 - Optimización y despliegue

7.1 - Duplicando código innecesariamente
7.2 - Creando nuestro propio hook
7.3 - Utilizando nuestro propio hook
7.4 - Manejo de errores con hook
7.5 - Prop Types
7.6 - Default props
7.7 - Build y deploy

Proyectos:

1 - Repasando Javascript

1. Inicio de proyecto - Bases de JavaScript
2. Variables y constantes
3. Template String
4. Objetos lilterales
5. Arreglos
6. Funciones
7. Desestructuación de Objetos
8. Desestructuación de Arreglos
9. Import, export y funciones comunes de arreglos
10. Múltiples exportaciones y exportaciones por defecto
11. Promesas
12. Fetch API
13. Async - Await
14. Operador condicional ternario

2 - Introducción y Básicos de React:

1. La estructura de Create react app
2. Creando nuestro primer Componente
3. Básicos de JSX
4. Creando un Segundo Componente
5. Que son los Props
6. Introducción a React Hooks
7. Primeros pasos con el State de React
8. Como mostrar una colección del State
9. Eventos en React
10. Creando un segundo state y función para agregar elementos a ese State
11. Finalizando nuestra función para agregar elementos al carrito y actualizar state
12. Mostrando los elementos del carrito
13. Eliminando Elementos del carrito

Maat Reef