Introducción del curso
  • ¿Qué es React y por qué deberias de estar interesado?
  • Introducción del instructor
  • Cómo obtener el máximo partido al curso
Configuración del entorno
  • ¿Qué necesito tener instalado para comenzar el curso?
  • Instalación de Node JS y NPM
  • Instalación del paquete npm Create React App
  • Creamos un Hola Mundo en ReactJS
  • Juega con el componente de ejemplo de Create React App
  • Configuración del Linter para la corrección de errores
Conceptos básicos
  • Introducción sobre los conceptos básicos de React
  • ¿De dónde viene React y en qué está basado?
  • Introducción a JSX
  • Componentes en ReactJS
  • Props I - Entendiendo las Props
  • Props II - Funciones y elementos como Props
  • Props III - Inmutabilidad de las Props
  • Props por defecto
  • State I - Gestión del estado en ReactJS
  • Inicializa el state del componente usando una Class Field
  • State II - Actualizar estado mediante setState()
  • State III - Propagación del estado
  • State IV - Inicializando el estado mediante Props
  • Conceptos básicos
Renderizado condicional y listas
  • Introducción sobre el renderizado condicional
  • Condicionales en el método Render
  • Utilizando ternarias
  • Ejemplo práctico de renderizado condicional
  • Trabajando con listas
  • Listas de Objetos
  • Renderizado condicional
React Developer Tools
  • Introducción a React Dev Tools
  • Instalación de las React Dev Tools en Chrome
  • Inspeccionando Fotocasa.es
Eventos y Formularios
  • Introducción sobre los eventos en React
  • El evento onClick
  • Eventos sintéticos
  • Eventos soportados
  • Eventos en React
  • Formularios en React
  • Particularidades del atributo For
  • Entendiendo las Refs
  • El evento onSubmit
  • Componentes controlados
  • Formularios
Children y PropTypes
  • Introducción a Children
  • La Prop especial Children
  • Children Layout
  • Desarrollando con PropTypes
  • Children y PropTypes
Ciclo de Vida de los Componentes
  • Introducción al Ciclo de Vida
  • Entendiendo las fases del Ciclo de Vida
  • Fases del Ciclo de Vida
  • El Constructor
  • ComponentWillMount
  • El método render
  • ComponentDidMount
  • Fetch API
  • Ciclo de Montaje
  • ComponentWillReceiveProps
  • Refactor de ComponentWillReceiveProps
  • ShouldComponentUpdate
  • ShouldComponentUpdate con Pure Components
  • ComponentWillUpdate
  • ComponentDidUpdate
  • ComponentWillUnmount
  • ComponentDidCatch
  • Ciclos de Actualización y Desmontaje
Buenas Prácticas
  • Introducción a buenas prácticas
  • Composión vs. herencia
  • Componentes funcionales puros (Stateless components)
  • PropTypes en stateless components
  • Patrón contenedor contenido
  • Pasa el componente BitCoinPrice a un Stateless Component (Componente funcional)
  • Buenas prácticas
  • Componente Strict Mode
PROYECTO - Buscador de películas online
  • Descripción del proyecto práctico
  • Preparando el entorno de nuestra aplicación ⚙️
  • Creando el componente SearchForm
  • Usando Fetch para obtener resultados de búsqueda desde una API ⚡️
  • Creando componentes reutilizables y mejorando el layout
  • Mejoras en la implementación de búsqueda
  • Introducción al enrutado en React
  • Enrutado básico
  • Separando la página Home
  • Creando una SPA con React Router
  • Página 404
  • Publicando con Surge
Redux, gestionando el estado global de tu aplicación
  • Descripción de la librería Redux
  • ¿Qué es Redux?