¿Qué voy a aprender?
ReactJS es una librería desarrollada y mantenida por facebook e instagram la cual nos permite desarrollar la parte del cliente de forma sencilla y fácil de escalar a través de componentes.Redux es un contenedor de estado predecible para aplicaciones JavaScript, no diseñado especialmente para ReactJS pero que se adapta de fábula a esta librería.
Aprenderás a desarrollar aplicaciones con ReactJS y Redux basadas en componentes reutilizables a través de varios ejemplos reales consumiendo datos de Api's externas.
Aprenderás a desarrollar un sistema de autenticación con rutas protegidas para asegurarte que sólo se muestra el contenido que te interesa.
¿Para quién es este curso?
- Si quieres llevar tus aplicaciones construidas a otro nivel utilizando un contenedor para manejar el estado de forma más profesional este curso es para ti.
- Si simplemente quieres seguir creciendo en el mundo de ReactJS ahorrando mucho tiempo este curso también es para ti.
¿Qué hago si tengo dudas a lo largo del curso?
El curso de ReactJS y Redux cuenta con su propio foro para recibir ayuda en caso de que la necesites, una vez te hayas inscrito podrás acceder siempre que quieras. Las dudas planteadas en el foro normalmente son respondidas el mismo día para acelerar la fase de aprendizaje.Contenido del Curso
Archivos del curso | |||
Curso de ReactJS y Redux – Archivos | 00:00:00 | ||
Curso de ReactJS y Redux – Archivos Router V4 | 00:00:00 | ||
Introducción y preparación | |||
Curso de ReactJS y Redux – Introducción | GRATIS | 00:03:00 | |
Curso de ReactJS y Redux – Instalar ReactJS | 00:04:00 | ||
Curso de ReactJS y Redux – Instalar dependencias para iniciar el curso | 00:03:00 | ||
Curso de ReactJS y Redux – Entendiendo Redux | 00:04:00 | ||
Desarrollar una aplicación de Contador con Redux | |||
Curso de ReactJS y Redux – Acciones Counter | 00:03:00 | ||
Curso de ReactJS y Redux – Reducer Counter | 00:04:00 | ||
Curso de ReactJS y Redux – Combinar los reducers de nuestra aplicación | 00:03:00 | ||
Curso de ReactJS y Redux – Crear el almacén de datos | 00:05:00 | ||
Curso de ReactJS y Redux – Desarrollando el componente de navegación con Bootstrap | 00:03:00 | ||
Curso de ReactJS y Redux – Desarrollar el componente Counter | 00:06:00 | ||
Curso de ReactJS y Redux – Definir propTypes en el componente Counter | 00:03:00 | ||
Curso de ReactJS y Redux – MapDispatch y MapState, conectando el componente Counter | 00:04:00 | ||
Curso de ReactJS y Redux – Conectar el Componente Counter a Redux | 00:02:00 | ||
Curso de ReactJS y Redux – Navegación con componentes dinámicos | 00:02:00 | ||
Curso de ReactJS y Redux – Configurar el archivo index.html | 00:01:00 | ||
Curso de ReactJS y Redux – Configurar el bootstrap de nuestra aplicación | 00:10:00 | ||
Desarrollar una aplicación de Todos | |||
Curso de ReactJS y Redux – Explicación app Todos | 00:01:00 | ||
Curso de ReactJS y Redux – Definir los actionTypes para los todos | 00:02:00 | ||
Curso de ReactJS y Redux – Definir las acciones para los todos | 00:04:00 | ||
Curso de ReactJS y Redux – Definir los reducers para los todos | 00:05:00 | ||
Curso de ReactJS y Redux – Reducer para filtrar los todos | 00:02:00 | ||
Curso de ReactJS y Redux – Registrar los reducers de todos en la aplicación | 00:01:00 | ||
Curso de ReactJS y Redux – Desarrollar un componente para alterar el filtro de los todso | 00:04:00 | ||
Curso de ReactJS y Redux – Desarrollar un componente todo para representar cada Todo | 00:04:00 | ||
Curso de ReactJS y Redux – Función para filtrar los todos | 00:04:00 | ||
Curso de ReactJS y Redux – Iniciar el container para los Todos | 00:03:00 | ||
Curso de ReactJS y Redux – Definir los métodos para interactuar con los Todos | 00:02:00 | ||
Curso de ReactJS y Redux – Definir el método render para mostrar el listado de Todos | 00:06:00 | ||
Curso de ReactJS y Redux – Mapear los todos filtrados | 00:02:00 | ||
Curso de ReactJS y Redux – Conectar el container de Todos a Redux | 00:04:00 | ||
Curso de ReactJS y Redux – ¿Has estado atento? | 00:01:00 | ||
Curso de ReactJS y Redux – Definir las rutas para el componente de Todos | 00:01:00 | ||
Curso de ReactJS y Redux – Añadir los Todos a la barra de navegación | 00:02:00 | ||
Aplicación para consumir una Api Rest | |||
Curso de ReactJS y Redux – Instalar el middleware Thunk para ejecutar acciones creadoras | 00:02:00 | ||
Curso de ReactJS y Redux – Acciones y Acciones Creadoras para consumir la api | 00:03:00 | ||
Curso de ReactJS y Redux – Definir reducers para mostrar comentarios de la Api | 00:02:00 | ||
Curso de ReactJS y Redux – Definir un componente para mostrar comentarios de la Api | 00:03:00 | ||
Curso de ReactJS y Redux – Definir el container de Comentarios | 00:06:00 | ||
Curso de ReactJS y Redux – Enrutar el componente Comments | 00:02:00 | ||
Desarrollar un sistema de autenticación con rutas protegidas | |||
Curso de ReactJS y Redux – Explicación sobre el sistema de Autenticación | 00:05:00 | ||
Curso de ReactJS y Redux – Instalar axios para conectar con NodeJS | 00:01:00 | ||
Curso de ReactJS y Redux – Definir actionTypes para el sistema de autenticación | 00:02:00 | ||
Curso de ReactJS y Redux – Definir acciones para el sistema de autenticación | 00:03:00 | ||
Curso de ReactJS y Redux – Definir acciones creadoras para el sistema de autenticación | 00:04:00 | ||
Curso de ReactJS y Redux – Definir reducers para el sistema de autenticación | 00:05:00 | ||
Curso de ReactJS y Redux – Iniciar el componente de Login, propTypes y contextTypes | 00:04:00 | ||
Curso de ReactJS y Redux – Comprobar si el usuario está autenticado con componentWillReceiveProps | 00:03:00 | ||
Curso de ReactJS y Redux – Definir el formulario de Login con Bootstrap | 00:05:00 | ||
Curso de ReactJS y Redux – Conectar el componente Login a Redux | 00:05:00 | ||
Curso de ReactJS y Redux – Definir middlewares para proteger las rutas | 00:03:00 | ||
Curso de ReactJS y Redux – Utilizar los middlewares de autenticación en el sistema de rutas | 00:02:00 | ||
Curso de ReactJS y Redux – Mantener al usuario logueado con Redux | 00:02:00 | ||
Curso de ReactJS y Redux – Añadir una nueva barra de navegación para usuarios logueados | 00:04:00 | ||
Curso de ReactJS y Redux – Navegación dinámica dependiendo del estado | 00:04:00 | ||
Desarrollar un carrito de compras | |||
Curso de ReactJS y Redux – Aplicación de Carrito de Compras | GRATIS | 00:01:00 | |
Curso de ReactJS y Redux – ActionTypes del Carrito de Compras | 00:02:00 | ||
Curso de ReactJS y Redux – Acciones del Carrito de Compras | 00:03:00 | ||
Curso de ReactJS y Redux – Reducer para alterar el Carrito de Compras | 00:06:00 | ||
Curso de ReactJS y Redux – Reducer para obtener el coste total del Carrito de Compras | 00:03:00 | ||
Curso de ReactJS y Redux – Componente Product para el Carrito de Compras | 00:03:00 | ||
Curso de ReactJS y Redux – Componente ProductInCart para el Carrito de Compras | 00:04:00 | ||
Curso de ReactJS y Redux – Inicializar el container ShoppingCart | 00:05:00 | ||
Curso de ReactJS y Redux – Definir métodos para interactuar con el Carrito de Compras | 00:03:00 | ||
Curso de ReactJS y Redux – Conectar el Carrito de Compras a Redux | 00:05:00 | ||
Desarrollar un componente con Paginación | |||
Curso de ReactJS y Redux – Explicación aplicación de Paginación | GRATIS | 00:01:00 | |
Curso de ReactJS y Redux – Instalar dependencias Paginación | 00:01:00 | ||
Curso de ReactJS y Redux – Obtener posts para la Paginación | 00:06:00 | ||
Curso de ReactJS y Redux – Configurar la Paginación | 00:03:00 | ||
Curso de ReactJS y Redux – Registrar y configurar el reducer de la Paginación | 00:02:00 | ||
Curso de ReactJS y Redux – Estilos css de la Paginación | 00:02:00 | ||
Curso de ReactJS y Redux – Desarrollar el componente para mostrar la Paginación | 00:05:00 | ||
Desarrollar un componente con Paginación utilizando NodeJS y Mongoose | |||
Curso de ReactJS y Redux – Explicación Paginación utilizando NodeJS y Mongoose | GRATIS | 00:01:00 | |
Curso de ReactJS y Redux – NodeJS y Mongoose | 00:04:00 | ||
Curso de ReactJS y Redux – Obtener datos para la paginación con Axios | 00:03:00 | ||
Curso de ReactJS y Redux – Configurar la paginación con los datos del servidor | 00:03:00 | ||
Curso de ReactJS y Redux – Finalizar paginación en el servidor | 00:02:00 | ||
React Router V4 | |||
Curso de ReactJS y Redux – Desarrollar una aplicación completa con la versión 4 del Router de ReactJS | 00:14:00 |
101 ALUMNOS MATRICULADOS
Muy Bueno
El curso me ha gustado mucho, se explican muy bien los conceptos y queda todo bastante claro
Muchas gracias Jorge por tomarte el tiempo en valorar el curso, y me alegra mucho que te haya sido de ayuda.
Saludos.
Hasta que pude digerir al Redux.....
Definitivamente la simpleza de React lo hace grande….
Pero React «se cuece aparte» y despues de 25 años de desarrollar en 5 lenguajes, no recuerdo algo tan complicado de entender como el paradigma Redux. Despues de varios frustantes cursos tomados en cualquier lugar del internet tratando de encajar ese nuevo modelo de desarollo en mi cerebro, pude encontrar el adecuando.
Definitivamente Javascript no es tan facil como yo pensaba…. Pero cursos como este, te lo hacen mas llevadero.
Gracias Israel por tu ayuda.
Muchas gracias Israel.
Muy recomensable
Muy bueno el curso y la explicación muy clara.
Muchas gracias María del Mar.
Algo complejo pero muy bien explicado
En las primeras lecciones me ha costado entender claramente la forma de trabajar con Redux en React.
La cosa ha cambiado al cabo de unos videos, cada vez lo comprendía mejor y he acabado entendiendo todo lo que Israel iba explicando.
Redux es un lío al principio, y al final…. pero acabas entendiéndolo
Gracias Israel
No puedo estar más de acuerdo contigo Andrés :), pero una vez lo practiques un poco verás que es como todo, acostumbrarse, después verás otras cosas más liosas que Redux.
Un saludo y muchas gracias por tu tiempo.
Ok