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
  • Actualización 2021
Introducción (2017 - Proximo a actualizarse)
  • Introducción
Iniciando en React.JS (2017 - Proximo a actualizarse)
  • ¿Que es React.JS?
  • Instalacion de ambiente de trabajo
  • Creando mi primera app en React
  • Hola Mundo
  • Pensando en React
Esenciales (2017 - Proximo a actualizarse)
  • Metodo Render
  • Estados (States)
  • Propiedades (Props)-Parte 1
  • Propiedades (Props) Parte 2
  • Ciclo de vida de un componente (ComponentWillMount)
  • Ciclo de vida de un componente (ComponentDidMount)
  • Ciclo de vida de un componente (ComponentWillUnmount)
  • Componentes Padre e Hijo
Formularios (2017 - Proximo a actualizarse)
  • Botones y Eventos
  • Inputs y Eventos
  • Select y Eventos
  • Documentacion Eventos
  • Creando un formulario (Inicializacion y estructura)
  • Creando un formulario (Creacion de componentes)
  • Creando un formulario (Utilizando Refs)
  • Creando un formulario (Validaciones)
  • Creando un formulario (Estilizando los componentes con css)
Todo List (2017 - Proximo a actualizarse)
  • Todo List Parte 1
  • Todo List Parte 2
  • Todo List Parte 3
Comunicacion entre componentes
  • Comunicacion Padre e Hijo
  • Comunicacion utilizando PubSub.js
  • Comunicacion utilizando Flux
Ruteo
  • Instalacion de libreria React Router Dom
  • Link y Params
Creacion de Nav Bar
  • Creacion de proyecto
  • Creacion de nav bar
  • Links
  • Estilizando navbar con css
Arquitectura Flux
  • Introduccion a Flux
  • Introduccion a Reflux.JS
  • Actions, Store y Components (Reflux.JS)
  • Introduccion a Redux.JS