React JS + Redux + ES6. Completo ¡De 0 a experto!
En ReactJs
Creado por
Luciano Infante
Acerca de esta clase
El curso más elegido, ¡totalmente renovado!. Desarrollo en forma práctica, ejemplos, fundamentos y herramientas útiles
Comentarios (0)
1 - Preparandonos
5 partes
Antes de comenzar
5.86 KB
Node.js y Npm
5.86 KB
VSCode
5.86 KB
Puntos fuertes de React JS
5.86 KB
Babel y ES6 en CodePen
5.86 KB
2 - Comenzamos!
15 partes
Creaci├│n de app react
5.86 KB
Planificaci├│n con Wireframes
5.86 KB
Creaci├│n de functional component
5.86 KB
VSCode Plugins y extensiones
5.86 KB
ES6 Arrow Functions
5.86 KB
Ejercicio - Creaci├│n de componentes e importaci├│n
5.86 KB
Componentes WeatherExtraInfo y WeatherTemperature
5.86 KB
Uso de parámetros _ Herramientas de debugging Chrome
5.86 KB
Parámetro con Object Destructuring
5.86 KB
ES6 - Object Destructuring
5.86 KB
Parámetros y uso de template string
5.86 KB
ES6 - Template Strings
5.86 KB
Instalación de librería con npm install local
5.86 KB
Recomendaciones sobre uso de packages externos y ubicaci├│n del index.html
5.86 KB
Agregar Icono y uso de funci├│n en functional component
5.86 KB
3 - Haciendo el código más sólido
5 partes
Utilizaci├│n de constantes
5.86 KB
PropTypes
5.86 KB
Validaci├│n con PropTypes
5.86 KB
Repaso sobre validaciones de PropTypes
5.86 KB
Truco para refactorizar sin problemas - Uso de carpetas e Index.js
5.86 KB
4 - Dándole estilo
8 partes
C├│mo incluir CSS en React
5.86 KB
Opciones para estilo - CSS, Preprocesadores CSS y CSSModules
5.86 KB
CSS en React 'Under the hood'
5.86 KB
Aplicaci├│n de estilos CSS
5.86 KB
Estilos componente WeatherTemperature
5.86 KB
Estilos componente WeatherExtraInfo
5.86 KB
External Font y otros detalles
5.86 KB
Herramientas de debugging para estilo y CSSMatic
5.86 KB
5 - Avanzamos
5 partes
Utilizaci├│n de PropType.Shape
5.86 KB
C├│mo transformar un functional en un class Component
5.86 KB
Evento OnClick y manejo de State
5.86 KB
SetState (updater)
5.86 KB
React Developer Tools para Chrome
5.86 KB
6 - Conectando con Api
11 partes
Api Rest OpenWeatherMap
5.86 KB
Fetch y solapa de debugging Network de Chrome
5.86 KB
Promise y utilizaci├│n de valores retorno de Fetch
5.86 KB
Transformaci├│n de datos
5.86 KB
Arquitectura de datos - independencia de API
5.86 KB
Object Literal Property Value Shorthand
5.86 KB
Convert Units
5.86 KB
Services Layer
5.86 KB
React Class Component LifeCycle
5.86 KB
ComponentWillMount y Network Slow 3G Chrome Tool
5.86 KB
Indicador de Carga, utilizaci├│n ternario
5.86 KB
7 - Más estilo
3 partes
Material UI y Materialize
5.86 KB
Materialize (React-Materialize). Posibles complicaciones
5.86 KB
Instalaci├│n y uso de MaterialUI
5.86 KB
8 - Seguimos codificando
9 partes
Utilizaci├│n y configuraci├│n de ESLinter
5.86 KB
Uso de propiedades en Class Component combinado con state
5.86 KB
Mapeo de estados a íconos
5.86 KB
056 - Refactorizaci├│n de LocationList
5.86 KB
ES6 - Funci├│n de collections Map
5.86 KB
Uso de Key en listas de componentes
5.86 KB
Estilos de comunicaci├│n de componentes - Eventos, Routing y Estado global
5.86 KB
'Burbujeo' de eventos
5.86 KB
Repaso de los eventos creatos y salida por consola
5.86 KB
9 - Dise├▒o Responsivo
7 partes
MediaQueries, Flexbox, Bootstrap
5.86 KB
Grid System de React Flexbox _ Bootstrap
5.86 KB
React Flexbox - Autosize, Alignment, Distribution
5.86 KB
Herramienta en Chrome para testear dise├▒o responsivo
5.86 KB
Uso de Grid, Row, Col y vh
5.86 KB
MaterialUI - Paper, AppBar. CSS3 - Calc y box-sizing
5.86 KB
Dise├▒o Responsivo avanzado - Media Query
5.86 KB
10 - Más herramientas y ES6!
26 partes
Plan de componente ForecastExtended
5.86 KB
Creaci├│n de ForecastExtended
5.86 KB
Creación de parámetro para ForecastExtended
5.86 KB
Utilizaci├│n de state en App.js
5.86 KB
Actualizaci├│n de state
5.86 KB
Ciclo de actualizaci├│n de state _ render
5.86 KB
Manejo de estado inicial
5.86 KB
Manejo de estado inicial 2
5.86 KB
Truthy values y Falsy values
5.86 KB
Estilo ForecastExtended - Utilizaci├│n de ClassName
5.86 KB
Presentaci├│n del componente ForecastItem
5.86 KB
Creaci├│n componente ForecastItem
5.86 KB
Utilizaci├│n de array de componentes
5.86 KB
Incorporaci├│n de WeatherData al ForecastItem
5.86 KB
Planificaci├│n de Fetch contra servidor
5.86 KB
Primer paso de refactorizaci├│n de ForecastExtended - Indicador carga inicial
5.86 KB
Api OpenWeatherMap para pronostico extendido - Forecast
5.86 KB
Ejecuci├│n de Fetch Forecast
5.86 KB
Creaci├│n de servicio de transformaci├│n
5.86 KB
Plan de transformaci├│n de datos
5.86 KB
Moment.Js
5.86 KB
Utilizaci├│n de filter
5.86 KB
Uso de Map, y Culturizaci├│n con Moment Locale
5.86 KB
Generaci├│n de ForecastItems en base a los datos
5.86 KB
Mejora visual
5.86 KB
Ciclo de vida de React - ComponentWillReceiveProps
5.86 KB
11 - React conceptual
5 partes
Revisamos lo que vimos
5.86 KB
Ciclo de Vida React
5.86 KB
DOM Virtual
5.86 KB
Reconciliation
5.86 KB
SPA vs MPA
5.86 KB
12 - Comenzamos con Redux
17 partes
Redux
5.86 KB
Instalaci├│n de Redux, React-Redux y React Dev Tools Plugin
5.86 KB
Creaci├│n de store, dispatch de acciones y uso de React Dev Tools
5.86 KB
Generaci├│n de action creator
5.86 KB
Mejora a action creator
5.86 KB
Refactorizaci├│n de Store y vinculaci├│n de Provider
5.86 KB
Connect
5.86 KB
┬┐Funci├│n que retorna funciones?
5.86 KB
Connect en detalle
5.86 KB
Validaci├│n de funciones inyectadas por DispatchToProps
5.86 KB
Containers vs Presentational Components
5.86 KB
Creaci├│n de container LocationListContainer
5.86 KB
Creaci├│n de Reducer
5.86 KB
Entendiendo el reducer
5.86 KB
Pure Functions
5.86 KB
Container responde a MapStateToProps
5.86 KB
Repasando MapStateToProps y MapDispatchToProps
5.86 KB
13 - Redux avanzado
24 partes
Middlewares de Redux
5.86 KB
Incorporaci├│n de middleware Thunk
5.86 KB
Redux-Thunk desde adentro
5.86 KB
Planeamos - Nuevo estado de aplicaci├│n
5.86 KB
Refactor action setCity
5.86 KB
Creaci├│n de reducer cities
5.86 KB
Utilizaci├│n de combineReducers
5.86 KB
Simplificaci├│n de class component a functional component
5.86 KB
Selectores primer nivel
5.86 KB
Selectores, completo
5.86 KB
Reselect
5.86 KB
Memoization y fortalezas de los selectores
5.86 KB
Refactor de componente con state a functional component
5.86 KB
Creaci├│n de Action Creators
5.86 KB
Creaci├│n de Reducer
5.86 KB
Selector
5.86 KB
Lodash
5.86 KB
Utilizaci├│n de toPairs (entries)
5.86 KB
toPairs en detalle
5.86 KB
Uso de spread operator para realizar copia en segundo nivel
5.86 KB
Establecer Forecast desde en carga inicial
5.86 KB
BindActionCreators
5.86 KB
Uso de segundo parámetro getState en redux-thunk
5.86 KB
Redux, Flux y SSOT
5.86 KB
14 - Ejercicio Avanzado con React Router
34 partes
Presentaci├│n de temas
5.86 KB
Wireframes de la aplicaci├│n CustomersABM
5.86 KB
Creaci├│n de la aplicaci├│n y primeros componentes
5.86 KB
Componente CustomerData
5.86 KB
Componente CustomerActions
5.86 KB
Componente Link
5.86 KB
CustomerListItem
5.86 KB
CustomersList
5.86 KB
CustomerEdit dummy
5.86 KB
Estructura de navegaci├│n
5.86 KB
Utilizaci├│n de Route
5.86 KB
Utilizaci├│n de Switch
5.86 KB
HomeContainer e implementaci├│n con Link
5.86 KB
Utilizaci├│n de history.push y withRouter
5.86 KB
Customer Container
5.86 KB
WithRouter y navegaci├│n a eliminar
5.86 KB
React Router v4, dynamic router y más
5.86 KB
Route, match, switch, history y más
5.86 KB
Pasos para crear fetchCustomers
5.86 KB
Creaci├│n de store y vinculaci├│n con provider
5.86 KB
Redux-Actions
5.86 KB
Utilizaci├│n de DefautlProps, HandleAction y HandleActions
5.86 KB
createAction - payloadCreator
5.86 KB
Utilizaci├│n de Selector
5.86 KB
Json-Server
5.86 KB
Middlware Redux-Promise
5.86 KB
Api Get
5.86 KB
Redux-Promise a fondo
5.86 KB
Creaci├│n de CustomerContainer
5.86 KB
Utilización de Route.render y paso de parámetros
5.86 KB
Utilización de segundo parámetro 'Props' en MapStateToProps
5.86 KB
Refactor y utilizaci├│n de reselect
5.86 KB
Ruteo dinámico y propiedad 'children' de Route
5.86 KB
Spread Properties y Component Type en ejecuci├│n
5.86 KB
15 - Redux-Form y más!
23 partes
Forms en React vs Redux Forms
5.86 KB
Instalaci├│n de Redux Form, incorporaci├│n del reducer
5.86 KB
Utilizaci├│n de Fields de Redux Form
5.86 KB
Uso de InitialValues
5.86 KB
Creaci├│n de Higher Order Component
5.86 KB
Teoría sobre los HOC
5.86 KB
Validaci├│n a nivel de Field (isRequired)
5.86 KB
Validaciones m├║ltiples en fields y mejora a MyField
5.86 KB
Validaci├│n de fields a nivel global
5.86 KB
Submitting del Form
5.86 KB
Navegación Back programática
5.86 KB
EnableReinitialize en el Form
5.86 KB
updateCustomer - Utilizaci├│n de Fetch PUT
5.86 KB
Repaso de todo el ciclo de actualizaci├│n
5.86 KB
DisabledButton en submitting mediante promise
5.86 KB
Herramienta Postman
5.86 KB
onSubmitSuccess
5.86 KB
Parse y Format
5.86 KB
Normalize
5.86 KB
Validaci├│n de servidor con SubmissionError
5.86 KB
Prompt y cancelaci├│n de navegaci├│n
5.86 KB
NewCustomerContainer
5.86 KB
Repaso Redux-Form
5.86 KB
0
0 Reseñas
