Udemy

Platform

Español

Language

Web Development

Category

React Redux | Estados de forma eficiente con Redux Framework

Aprende los fundamentos de Redux Framework utilizandolo en React JS de forma simple con React Redux

4.35 (39 reviews)

Students

2.5 hours

Content

Jan 2021

Last Update
Regular Price

SKILLSHARE
SkillShare
Unlimited access to 30 000 Premium SkillShare courses
30-DAY FREE TRIAL

What you will learn

Que es Redux y cual es la ventaja que trae utilizarlo

Como incluir Redux en un proyecto de React

Conectar los estados de React utilizando Redux

Creación/uso de actions para actualizar nuestros estados en Redux

Crear aplicación de react y conectarla a redux


Description

En el Front-end, el estado (conjunto de todos los valores almacenados por la aplicación mediante propiedades o variables en cualquier momento de ejecución) puede incluir las respuestas del servidor y la información cacheada, así como datos generados directamente en local que no se han guardado en servidor. A eso hay que añadirle el estado de la interfaz: rutas activas, tabs seleccionados, spinners, controles de paginación…

La gestión de estado consiste en asegurar que la UI muestre correctamente el estado actual de la aplicación y es un pilar fundamental en frontend.

Las aplicaciones sencillas no necesitan darle demasiada importancia a la gestión del estado. Por ejemplo, el estado de una aplicación sencilla se puede almacenar directamente en las propiedades de los componentes y pasarlas a los hijos directamente como Props. Pero, El problema de la gestión de estados aparece cuando la aplicación comienza a crecer. Especialmente cuando los valores de un componente pueden afectar a valores de otros componentes: Puedes entrar en un ciclo de actualizaciones de estado (e interfaz) que hace difícil seguir el hilo de por qué has llegado a un estado concreto.

Para dar solución a la problemática mencionada anteriormente fue creado Redux. Debido a sus ventajas y las tendencias en los últimos años, dominar el funcionamiento de Redux Framework y sus fundamentos tiende a ser algo fundamental para cualquier Front-end developer.

En este curso veremos como esta compuesto Redux y como podemos aplicarlo en una aplicación de React. Todo esto lo veremos con ejemplos de integración siguiendo la creación de una aplicación desde 0 en React la cual integra Redux en su logica para manejar los estados.



Screenshots

React Redux | Estados de forma eficiente con Redux Framework
React Redux | Estados de forma eficiente con Redux Framework
React Redux | Estados de forma eficiente con Redux Framework
React Redux | Estados de forma eficiente con Redux Framework

Content

Introducción

Introducción al curso

Como funcionan los estados en React?

Que es Redux y como funciona?

Practica lo aprendido | Quiz 1

Redux en una aplicación de React

Como instalar Redux en React

Como crear nuestro primer Reducer

Creación y conexión de nuestro Store en nuestra aplicación React

Como crear nuestro primer Action

Practica lo aprendido | Quiz 2

Ejemplo de aplicación React + Redux

Explicación de la aplicación a desarrollar

Crear nuestros componentes/pantallas

Crear nuestros componentes/pantallas - Parte 2

Crear nuestros componentes/pantallas - Parte 3

Crear nuestros Reducers y Actions

Conexión y utilización actions/reducers creados - Parte 1

Conexión y utilización actions/reducers creados - Parte 2

Extra

Redux persist - Guarda estados en tu buscador

Conclusión

Felicidades, haz completado el curso!


Reviews

M
Michael30 January 2021

Me gusta mucho la estructura del curso y como este va introduciendo los temas poco a poco y al final hace un ejemplo practico de como podemos integrar redux en una aplicación de React


Coupons

DateDiscountStatus
1/30/2021100% OFFExpired

3473110

Udemy ID

9/3/2020

Course created date

1/30/2021

Course Indexed date
Bot
Course Submitted by