Curso ReactJS y Redux
Curso ReactJS y Redux
¡INSCRÍBETE A CUALQUIER CURSO CON UN 50% DE DESCUENTO PARA NUEVOS CLIENTES!



A lo largo del curso de ReactJS y Redux veremos cómo desarrollar el frontend de nuestras aplicaciones utilizando ReactJS, un conjunto de bibliotecas que nos permite realizar interfaces complejas de forma sencilla utilizando html y javascript, algo más conocido como JSX.

Uno de los requisitos para empezar este curso es tener conocimientos de ReactJS, si te suscribes ahora al curso tendrás acceso gratuito para siempre al curso de Desarrollo de aplicaciones con ReactJS, el cual te enseñara todas las bases necesarias para empezar el curso de ReactJS y Redux, así que no tienes excusa.

El temario completo del curso de ReactJS y Redux lo tienes detallado a continuación, espero que te resulte interesante.

  • INTRODUCCIÓN Y PREPARACIÓN
  • Introducción
  • Instalar ReactJS
  • Instalar dependencias para iniciar el curso
  • Entendiendo Redux
  • DESARROLLAR UNA APLICACIÓN DE CONTADOR CON REDUX
  • Acciones Counter
  • Reducer Counter
  • Combinar los reducers de nuestra aplicación
  • Crear el almacén de datos
  • Desarrollando el componente de navegación con Bootstrap
  • Desarrollar el componente Counter
  • Definir propTypes en el componente Counter
  • MapDispatch y MapState, conectando el componente Counter
  • Conectar el Componente Counter a Redux
  • Navegación con componentes dinámicos
  • Configurar el archivo index.html
  • Configurar el bootstrap de nuestra aplicación
  • DESARROLLAR UNA APLICACIÓN DE TODOS
  • Explicación app Todos
  • Definir los actionTypes para los todos
  • Definir las acciones para los todos
  • Definir los reducers para los todos
  • Reducer para filtrar los todos
  • Registrar los reducers de todos en la aplicación
  • Desarrollar un componente para alterar el filtro de los todos
  • Desarrollar un componente todo para representar cada Todo
  • Función para filtrar los todos
  • Iniciar el container para los Todos
  • Definir los métodos para interactuar con los Todos
  • Definir el método render para mostrar el listado de Todos
  • Mapear los todos filtrados
  • Conectar el container de Todos a Redux
  • ¿Has estado atento?
  • Definir las rutas para el componente de Todos
  • Añadir los Todos a la barra de navegación
  • APLICACIÓN PARA CONSUMIR UNA API REST
  • Instalar el middleware Thunk para ejecutar acciones creadoras
  • Acciones y Acciones Creadoras para consumir la api
  • Definir reducers para mostrar comentarios de la Api
  • Definir un componente para mostrar comentarios de la Api
  • Definir el container de Comentarios
  • Enrutar el componente Comments
  • DESARROLLAR UN SISTEMA DE AUTENTICACIÓN CON RUTAS PROTEGIDAS
  • Explicación sobre el sistema de Autenticación
  • Instalar axios para conectar con NodeJS
  • Definir actionTypes para el sistema de autenticación
  • Definir acciones para el sistema de autenticación
  • Definir acciones creadoras para el sistema de autenticación
  • Definir reducers para el sistema de autenticación
  • Iniciar el componente de Login, propTypes y contextTypes
  • Comprobar si el usuario está autenticado con componentWillReceiveProps
  • Definir el formulario de Login con Bootstrap
  • Conectar el componente Login a Redux
  • Definir middlewares para proteger las rutas
  • Utilizar los middlewares de autenticación en el sistema de rutas
  • Mantener al usuario logueado con Redux
  • Añadir una nueva barra de navegación para usuarios logueados
  • Navegación dinámica dependiendo del estado
  • DESARROLLAR UN CARRITO DE COMPRAS
  • Aplicación de Carrito de Compras
  • ActionTypes del Carrito de Compras
  • Acciones del Carrito de Compras
  • Reducer para alterar el Carrito de Compras
  • Reducer para obtener el coste total del Carrito de Compras
  • Componente Product para el Carrito de Compras
  • Componente ProductInCart para el Carrito de Compras
  • Inicializar el container ShoppingCart
  • Definir métodos para interactuar con el Carrito de Compras
  • Conectar el Carrito de Compras a Redux
  • DESARROLLAR UN COMPONENTE CON PAGINACIÓN
  • Explicación aplicación de Paginación
  • Instalar dependencias Paginación
  • Obtener posts para la Paginación
  • Configurar la Paginación
  • Registrar y configurar el reducer de la Paginación
  • Estilos css de la Paginación
  • Desarrollar el componente para mostrar la Paginación
  • DESARROLLAR UN COMPONENTE CON PAGINACIÓN UTILIZANDO NODEJS Y MONGOOSE
  • Explicación Paginación utilizando NodeJS y Mongoose
    NodeJS y Mongoose
  • Obtener datos para la paginación con Axios
  • Configurar la paginación con los datos del servidor
  • Finalizar paginación en el servidor

Curso de ReactJS y Redux

Accede al curso ahora

Aprende en menos de 1 semana a trabajar con ReactJS y Redux con este curso para desarrollar avanzadas interfaces para la web.

Todos los cursos tienen acceso de forma indefinida 24/7, así que puedes seguirlos adecuando el horario a tus necesidades.