Iniciando en React Js (2021)
- ¿Qué es React Js?
- Historia de React Js
- Virtual DOM
- Pensando en componentes
- ¿Qué es JSX?
- ¿Qué es la transpilación?
- Renderizando por primera vez
- ¿Que son los Componentes?, Parte 1
- ¿Qué son los Componentes?, Parte 2
- Props
- States
- Analizando this.state
- Declarando métodos en tus componentes
- Analizando setState
- Creando primer proyecto con Create React App
- Analizando la estructura de un proyecto con React Js
- Ejemplo 1: Formulario
- Analizando useState
- Ciclo de vida de un componente
- useEffect: Parte 01
- useEffect: Parte 02
- Renderizado condicional
- Listas y Keys
Ejemplo 1: Buscador local (2021)
- Parte 1: Explicación del proyecto
- Parte 2: Estructurando componentes
- Parte 3: Estilizando en React Js (CSS)
- Parte 4: Usando estilos condicionales y propiedades (props)
- Parte 5: Filtrando JSON Data
- Parte 6: Creando lista de resultados
- Parte 7: Ajustando logica de renderizado
- Parte 8: Creando Componente Dinámico
Introducción a React Router (2021)
- Instalando React Router
- Explorando la API de React Router
Comunicación y llamadas a la API (2021)
- Comunicación entre componentes
- Realizando llamadas a una API utilizando Fetch
- Realizando llamadas a una API utilizando Axios
Aprendiendo a usar Context.API (2021)
- ¿Qué es Context.API?
- Configurando Context y Provider
- Creando llamadas a la API en el contexto
- Mostrando resultados en componentes
- Implementando y useParams de React Router
- Solicitando el detalle de un Pokemon
- Agregando mensaje de cargando
- Implementando ScrollToTop de React Router
- Mostrando habilidades de un pokemon
- Reusando componentes para mostrar Cargando y Error
Aprendiendo a usar Zustand (2021)
- Introduccion a Zustand
- Instalando Zustand
- Explicando el método create() Parte 01
- Explicando el método create() Parte 02
- Creando store de pokemons
- Métodos async y llamadas a la api
- Conectando componentes a store
- Usando shallow en nuestro selector de la store
- getState()
- Actualización 2021
Proyecto Final
- Introduccion al proyecto
- Creacion del proyecto
- Creacion del Login
- Creacion de Home y conexion con Reflux.JS
- Conexion a API Rest
