React JS + Redux + ES6. Completo ¡De 0 a experto! (español)
4.4 (3,544 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,614 students enrolled

React JS + Redux + ES6. Completo ¡De 0 a experto! (español)

El curso de React en español más elegido. Desarrollo en forma práctica, ejemplos, fundamentos y herramientas útiles
4.4 (3,544 ratings)
Course Ratings are calculated from individual students’ ratings and a variety of other signals, like age of rating and reliability, to ensure that they reflect course quality fairly and accurately.
11,614 students enrolled
Last updated 7/2020
Spanish
Current price: $76.99 Original price: $109.99 Discount: 30% off
5 hours left at this price!
30-Day Money-Back Guarantee
This course includes
  • 46 hours on-demand video
  • 28 articles
  • 6 downloadable resources
  • Full lifetime access
  • Access on mobile and TV
  • Assignments
  • Certificate of Completion
Training 5 or more people?

Get your team access to 4,000+ top Udemy courses anytime, anywhere.

Try Udemy for Business
What you'll learn
  • Crear aplicaciones web profesionales
  • Conocer a fondo React y Redux
  • Muchas herramientas, ténicas y trucos
  • Aplicar patrones de diseño y mejores prácticas
  • Conseguir trabajo como desarrollador ReactJS
  • Hooks
Course content
Expand all 497 lectures 46:22:20
+ Sección de nivelación de conceptos
4 lectures 14:28
A quién esta dirigida esta sección
00:11
Estructura aplicación web HTML CSS Javascript
04:39
Clases CSS
04:58
Versiones Javascript. ES5 vs ES6
04:40
+ Preparandonos
5 lectures 20:05
Gestor de Paquetes NPM y Yarn
01:05
VSCode
01:08
¡Hola Mundo! Babel, ES6, CodePen
12:09
+ Comenzamos!
15 lectures 01:34:20

Importante: Siempre acceder con permisos de administrador para poder ejecutar el comando "npm install -g"

Creación de app react
05:26
Planificación con Wireframes
02:44

El código fuente que se ve en el archivo WeatherLocation es el siguiente:

  1. const WeatherLocation = () => (
  2.     <div>Weather Location</div>
  3. );

Revisar la utilización de los signos "=" (igual) y paréntesis.

Creación de functional component
10:27
VSCode Plugins y extensiones
02:39
ES6 Arrow Functions
04:25
Componentes WeatherExtraInfo y WeatherTemperature
07:37
Uso de parámetros / Herramientas de debugging Chrome
08:37
Parámetro con Object Destructuring
06:46
ES6: Object Destructuring
07:12
Parámetros y uso de template string
06:19
Instalación de libreria con npm install o yarn add
08:11
Recomendaciones sobre uso de packages externos y ubicación del index.html
07:00

Detalle del código:

  1. const getWeatherIcon = (weatherState) => { // Uso llave apertura
  2.                switch (weatherState) {
  3.                     case "cloud":
  4.                         return (<WeatherIcons name="cloud" size="2x" />);
  5.                      default:
  6.                          return (<WeatherIcons name="sleet" size="2x" />);

                 }

  1. };
Agregar Icono y uso de función en functional component
08:54
+ Haciendo el código más sólido
5 lectures 33:11
Utilización de constantes
10:07
PropTypes
05:47
Validación con PropTypes
05:27
Repaso sobre validaciones de PropTypes
05:44
Truco para refactorizar sin problemas: Uso de carpetas e Index.js
06:06
+ Dándole estilo
8 lectures 35:55
Cómo incluir CSS en React
06:17
Opciones para estilo: CSS, Preprocesadores CSS y CSSModules
01:53
CSS en React "Under the hood"
04:44
Aplicación de estilos CSS
03:05
Estilos componente WeatherTemperature
02:50
Estilos componente WeatherExtraInfo
02:46
External Font y otros detalles
04:47
Herramientas de debugging para estilo y CSSMatic
09:33
+ Avanzamos
6 lectures 34:33
Doble Destructuring
05:56
Utilización de PropType.Shape
03:05
Cómo transformar un functional en un class Component
04:41
Evento OnClick y manejo de State
09:55
SetState (updater)
04:03
React Developer Tools para Chrome
06:53
+ Conectando con Api
12 lectures 01:07:55
Api Rest OpenWeatherMap
05:58
Promises
08:05
Utilización de valores retorno de Fetch
05:14
Transformación de datos
02:08
Arquitectura de datos: independencia de API
05:20
Object Literal Property Value Shorthand
03:31
Convert-Units
04:47
Services Layer
05:17
React Class Component LifeCycle
06:24
ComponentDidMount y Network Slow 3G Chrome Tool
07:27
Indicador de Carga, utilización ternario
04:08
+ Más estilo
3 lectures 09:08
Material Design
03:22
Material UI
02:02
Instalación y uso de MaterialUI
03:44
+ Seguimos codificando
11 lectures 01:07:25
Utilización y configuración de ESLinter
05:00
Uso de propiedades en Class Component combinado con state
11:31
LocationList
04:20
Mapeo de estados a íconos
11:08
Agregamos parámetros a LocationList
04:14
Refactorización de LocationList
04:29
ES6: Función de collections Map
05:46
Uso de Key en listas de componentes
06:44
Estilos de comunicación de componentes: Eventos, Routing y Estado global
03:45
"Burbujeo" de eventos
05:45
Repaso de los eventos creatos y salida por consola
04:43
Requirements
  • Conocimientos generales de programación
  • HTML, CSS, Javascript
Description

Podrás crear aplicaciones React con Redux utilizando todas las features de ES6 y la última versión de React. Vamos a ver utilización de selectores, herramientas de debugging, la última versión de React Router, validaciones con PropTypes, plugins para el editor VSCode y mucho más. Orientado desde la base de todos los temas, para que cada uno pueda avanzar a su propio ritmo, mostrando siempre primero la práctica y luego la explicación teórica, para que no falte nada y sea mucho más interesante.

Para asegurarte que este curso es la elección correcta para tí, puedes revisar los temas de cada uno de los videos y aprovechar las lecciones en previsualización gratuita.

ACTUALIZACIÓN: Ahora también con Hooks!

Who this course is for:
  • Los que quieran hacer las mejores aplicaciones ReacJS