Introducción
  • Introducción
  • Lo que necesitas para el curso
  • Instalando Node Js y Git
Introduccion a React Js (Desactualizado. Ver Seccion 7)
  • Qué es Next js
  • ¿Qué es React js?
  • Hola Mundo con Next js
  • Pagina Index y función de renderizado
  • Sintaxis ES6 y errores
  • Composición en React
  • Componentes y sus propiedades
  • Componentes reutilizables
  • Array de datos y styled-jsx
  • Mas estilos locales y globales
Interactividad en React
  • Introducción al proyecto de la sección.
  • Componente Head
  • Multiples pantallas o paginas en Next.js
  • Navegar entre paginas: Link
  • Area de botones
  • Componentes de clase
  • Eventos en React
  • Alteracion de estados con this.setState()
  • Cuerpo de la calculadora
  • Finalizando la calculadora 1
  • Finalizando la calculadora 2
  • Desplegar nuestro proyecto a produccion
Ciclos de vida en React
  • Introducción a la sección
  • Create-React-App
  • Incorporar materialize-css
  • Introduccion a Highcharts
  • componentDidMount
  • Introducción a momentjs
  • Generando datos de prueba
  • Layout de la aplicación
  • Refactorizando App.js
  • Creando componentes separados
  • Agregando un botón flotante
  • componentWillReceiveProps
  • Formularios en React
  • Formulario controlado por React
  • Formulario y estado del componente
  • Propieadades de callbacks
  • Visibilidad del formulario
  • Validación final y localStorage
Datos Externos y Estilos
  • Introduccion
  • React-Router-Dom
  • Styled-components
  • CSS global y themoviedb.org
  • Creando una cuenta en themoviedb.org
  • Probando el API de themoviedb.org con Postman
  • Datos Externos en un componente
  • Mas de datos externos en componentes
  • Trabajando el componente Estrenos
  • Configuraciones de imagenes en themoviedb.org
  • Pseoudo-clases en styled-components
  • Trabajando el componente Destaque
  • Mas del componente Destaque
  • Creando el Header y el Footer
  • Agregando secciones y subtitulos
  • Rutas con parámetros en react-router-dom
  • Trabajando PeliculasDetalle
  • Trabajando la seccion de créditos
  • Trabajando el componente Cast
  • Trabajando el componente Actor
  • Condicional para la imagen del actor
React y Redux
  • Introducción a Redux
  • Instalando y configurando react-redux
  • Estado de pruebas y conexion
  • Funciones Reducers
  • Acciones y funciones creadoras de acciones
  • Vinculando acciones con la funcion reducer
  • Conectando componentes con actions creator
  • Action creators asincrónicos con ReduxThunk
  • Redux Promises
  • Reemplazando estados locales
  • Refactorizando Pelicula Destacada
  • Refactorizando proximos estrenos
  • Refactorizando los estados de PeliculaDetalles
  • Terminando de refactorizar PeliculaDetalles
  • El search del API en themoviedb.org
  • Elementos de Redux para busqueda
  • Creando la UI del componente de Busqueda
  • Limitando Busqueda al HomePage
  • Conectando Header con el Redux Store
  • Creando el componente de SearchResults
  • Visualización condicional para SearchResults
  • Función reset para Search
  • Finalizando SearchResults
  • Producción con Serve y Netlify
  • Producción en Heroku
Introducción a React.js (Actualización de la Seccion 2)
  • ¿Qué es Next.js?
  • ¿Qué es React.js?
  • Hola mundo con Next.js
  • Pagina Index y funcion de renderizado