amo cuando los videos no pasan de 10 min ajajajaj
Bienvenido al curso
Conoce a tu profesor y todo lo que aprenderás sobre Redux
¿Qué conocimientos me recomiendan para tomar este curso?
Repaso React
¿Qué es React y cómo funciona?
Preparando nuestro entorno de trabajo
Creación de la app con React
Agregando funciones a la app con React
Stateful vs Stateless
Ciclo de vida de React
Manejando promesas
React Router DOM
Introducción a Redux
¿Qúe es Redux, cuándo usarlo y por qué?
Fases de Redux
Introducción: las fases de Redux
Store
Reducers
Conexión a un componente
Action Creators
Redux Thunk
Explicación teórica: ciclo completo de Redux
Práctica: ciclo completo de Redux
Fases Extra
Archivos Types
Try Catch
Escenarios asíncronos
Componente Spinner
Componente Fatal
Tabla como componente
Compartir información en Redux
Introducción Compartir información en Redux
Parámetros por URL
Compartir Reducer
Múltiples Reducers
Llamando a múltiples reducers en una acción
Uso del estado en la acción
Evitar segundas búsquedas
Inmutabilidad
Evitar sobrescritura
Validación compuesta
Validación de errores
Modificando respuesta de url
Estado con interacción
Mostrar componentes dinámicamente
Llamadas asincronas dinámicas
Props por herencia vs estado
Estado compartido
Métodos HTTP
Introducción a métodos HTTP
Nuevo ciclo Redux
Normalizar datos
Mapear Objetos
Componente para agregar tarea
Manejar inputs con Reducer
POST
Deshabilitando botón
Redireccionar
Reutilizar componentes
PUT
DELETE
Últimos detalles
Conclusión
Conocimientos adquiridos
Qué hacer a continuación
React es uno de los frameworks web de JavaScript más comentados en años. Junto con Angular, y más recientemente Vue, React es una herramienta que ha tenido un gran impacto en la forma en que construimos aplicaciones web. En su página lo definen de una manera rápida y sencilla:
Una biblioteca de JavaScript para construir interfaces de usuario.
React generalmente se considera la capa de vista en una aplicación. Es posible que hayamos utilizado bibliotecas como Handlebars o jQuery en el pasado. Al igual que jQuery, React manipula los elementos de la interfaz de usuario que se insertan en la página, los componentes de React cambian lo que el usuario ve.
Aportes 33
Preguntas 1
amo cuando los videos no pasan de 10 min ajajajaj
JSX :
Quiero usar Redux en mis proyectos en React-Native, Espero este curso me sirva tambien… aunque los ejemplos vayan a ser para un Blog 😉
Librería es una mala traducción. En realidad es una biblioteca. Entiendo que en el habla hispana esté considerado como correcto pero no lo es.
El que todo mundo lo haga mal no significa que esté bien
Me encanta cuando hacen diapositivas animadas y el profesor es algo extrovertido ! Así no queda tan “monótono” el curso…
Les recomiendo irse acostumbrando a revisar la documentación oficial de las librerías y herramientas que vayan a utilizar.
Aqui la de React:
https://es.reactjs.org/docs/getting-started.html
React generalmente se considera la capa de vista en una aplicación. Es posible que hayamos utilizado bibliotecas como Handlebars o jQuery en el pasado. Al igual que jQuery, React manipula los elementos de la interfaz de usuario que se insertan en la página, los componentes de React cambian lo que el usuario ve.
React es un libreria que nos ayudara hacer la tarea de crear interfaces.
Tiene componentes que se crean una vez y se pueden usar miles de veces en donde tu quieras.
Tiene tanta demanda porque tiene libreria de peso ligero y su rendimiento es muy bueno.(Gracias a los creadores Facebook)
JSX es la sintaxis con la que se escribe codigo en React( es una fucion de html y javascript).
Si en verdad le gusta Dragon Ball a este profesor ya me gano 😃
 => {
this.isAwesome(thing); //😄
});
EcmaScript 6
React usa el Virtual DOM, una copia del DOM.
Genial explicación de React, muchas gracias 😄
Es bueno reforzar antes de empezar… hará bien para no llegar perdido al curso.
bueno a empezar. para reforzar el primero que ya hice.
Buena manera de comenzar.
Excelente manera de iniciar
El mejor dibujo para explicar las arrow functions 🤣
UNA FORMA DE EXPLICAR LAS COSAS MUY LIGERA!
Reforzar hace que tus ideas se organicen
Excelente información visual. 🙂
Excelente clase!
Me encanto excelente explicación ❤️
Excelente forma de iniciar el curso. Está buenisimo hacer un repaso en React antes de comenzar con el curso, me encantó.
Explicación del Vitrual DOM
React es uno de los frameworks web de JavaScript más comentados en años. Junto con Angular, y más recientemente Vue, React es una herramienta que ha tenido un gran impacto en la forma en que construimos aplicaciones web
En su página lo definen de una manera rápida y sencilla:
Una biblioteca de JavaScript para construir interfaces de usuario.
Aqui repasando…
Buena explicación introductoria
React es la ley hoy y hace mucho!
Es mantenible, soporta TS, por lo que tambien TXS, que es la fusion de Typescript + HTML
muy claro
JSX Es una extensión de JS creada por FB, sirve de preprocesador y transforma el código generado con React JS para que todos los navegadores puedan interpretarlo.
¿Qué es React y cómo funciona?
¿Quieres ver más aportes, preguntas y respuestas de la comunidad? Crea una cuenta o inicia sesión.