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

Name: React JS + Redux + ES6. Completo ¡De 0 a experto! (español)
Rating: 4.5 (4658 reviews)

El curso más elegido, ¡totalmente renovado!. Desarrollo en forma práctica, ejemplos, fundamentos y herramientas útiles

Created byIng. Emiliano Ocariz

Last updated 4/2022

Spanish

What you'll learn

Crear aplicaciones web profesionales
Conocer a fondo ES6, React y Redux
Muchas herramientas, ténicas y trucos
Aplicar patrones de diseño y mejores prácticas: TDD, SOLID, DRY
Conseguir trabajo como desarrollador ReactJS
Todos los Hooks: useState a fondo, useRef, useEffect, useDebugValue, useMemo, useCallback, useReducer, useContext
Deploy a Firebase

Course content

53 sections • 632 lectures • 53h 35m total length

Me presento1:58
Antes de comenzar2:12
Tips0:30
Plataforma Udemy0:07
Condiciones de calificación0:54

Presentación de la sección0:18
Creamos la estructura de la app: "npx"5:17
Creamos la estructura de la app: "npx"
Mediante npx create-react-app [NOMBRE_APP] creamos el esqueleto de nuestra aplicación.
Analizamos el package.json (t)6:06
¿Qué pasa detrás del comando "npm start"? (t)6:35
Probamos el "hot reload" (t)2:41
Entendemos el Index.html5:28
Construyendo el Index.js7:56
¿Cuando se utiliza en la importación directamente el nombre y cuando el path?
El punto y coma es opcional
Importación de React y React-Dom
El método Render de React-Dom
Vamos a utilizar la extensión JSX ¿Por qué? (t)2:57
¿Qué es JSX? (t)3:58
Entendiendo los pasos para crear componentes3:51
Creamos App.js6:58
ES6: Arrow Functions (t)4:25
Conectamos App.js dentro de Index.js2:48
Encontrando errores: debugging básico7:25
Checkpoint
Feedback0:10

Presentación de la sección0:23
Creamos componente Result8:43
Orden de renderización y Debugger4:32
Pasar información entre componentes: Propiedades1:51
React-Dev-Tools (h)1:00
React-Dev-Tools 210:08
Pasamos la prop value desde App.Js5:59
Utilización de varias propiedades2:39
Utilizamos la prop dentro del componente5:22
ES: Destructuring (t)7:12
Destructuring aplicado al componente5:30
Instalación de PropTypes4:03
Resolver problemas en la instalación de paquetes (t)4:34
Validación básica con PropTypes7:58
Establecemos propiedades por defecto3:33
Esquema del componente Button3:40
Estructura del componente Button2:39
Pasamos propiedades al componente3:27
onClick handler en Button9:49
PropTypes en Button3:52
Simplificación de sintaxis1:47
Planificación componente MathOperations (p)1:06
Creación de componente MathOperations11:38
Evento onClick para MathOperations5:43
Entendiendo el flujo del evento onClick3:08
Planificación componente Functions (p)0:51
Creación de componente Funcions9:02
Utilización de propiedad Type y Css asociado7:24
Refactor de Button en carpeta5:13
Planificación componente Numbers (p)0:51
Creación del componente Numbers7:20
DRY Dont Repeat Yourself (t)3:16
DRY aplicado: renderButtons7:57
ES6 Función Map (t)5:13
Utilizando la función map en renderButtons6:00
Propiedad Key (t)9:27
Utilizamos la propiedad Key2:29
Feedback0:10

Presentación de la sección0:33
Cómo funciona la calculadora (p)4:26
Cómo funciona la calculadora - en ejecución (p)1:36
Hooks: useState (t)3:15
Usamos el useState I5:46
Usamos el useState II5:42
useState con Array Destructuring5:57
Proceso de renderizado y burbujeo (t)6:40
Teoría actualización react render7:06
Agregamos funcionalidad a la app1:43
ES: Template Literals (t)4:33
Utilizamos Template Literals en la app1:42
Funciones + - / * [del] - Primer paso4:36
Validación con condicional “if”1:24
Utilización de eval4:04
Linter: Eliminar warning de eval2:17
Expresiones Regulares o RegExp (t)3:34
Lodash e instalación parcial3:05
Utilización de Lodash.words3:04
Mejorando la calculadora1:39
Utilización operador ternario6:17
Operador Ternario (t)3:33
Código fuente y cómo obtenerlo0:30
Repaso3:04
Feedback0:10

Presentación de la sección0:23
Código de la aplicación0:12
¿Te sumas al desafío?0:46
Preparar nuestra aplicación para productivo (serve)5:04
Build de la aplicación5:34
Comunicación de la app con el server (t)3:49
Firebase-tools (instalación)2:02
Verificación de versión de Firebase-tools0:26
Login en firebase1:33
Firebase init5:21
Verificación de proyecto en consola Firebase2:59
Deploy2:42
Desafío0:10
Feedback0:10

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, desde 0.

Todos los hooks!
Firebase (deploy)
ES6
TypeScript
TDD con React / StoryBook
Vamos a ver utilización de selectores, herramientas de debugging
React Router
Plugins para el editor VSCode
Secretos y trucos para ser más efectivo y productivo
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.

Who this course is for:

Los que quieran hacer las mejores aplicaciones ReacJS

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

What you'll learn

Explore related topics

Course content

Estructura del curso5 lectures • 6min

Nivelación de conceptos1 lecture • 1min

Nos acercamos a React3 lectures • 5min

Instalamos el entorno6 lectures • 15min

Creación de una aplicación: Pasos iniciales15 lectures • 1hr 7min

Aplicación "Calculadora" (CalcApp)6 lectures • 19min

Components en CalcApp38 lectures • 3hr 5min

Hook useState, Template literals, Lodash y ternario25 lectures • 1hr 26min

Deploy con Firebase14 lectures • 31min

WeatherApp con StoryBook y MaterialUI!13 lectures • 45min

Requirements

Description

Who this course is for: