React 2020

Name: React 2020
Rating: 4.5 (27 reviews)

El curso de React renovado

Created byIng. Emiliano Ocariz

Last updated 11/2020

Spanish

Spanish [Auto],

What you'll learn

Crear aplicaciones web profesionales
Conocer a fondo React
Muchas herramientas, ténicas y trucos
Aplicar patrones de diseño y mejores prácticas
Conseguir trabajo como desarrollador ReactJS
Todos los Hooks

Course content

33 sections • 371 lectures • 28h 46m total length

Me presento1:58
Plataforma Udemy5:57
Características del curso3:12
Preguntas3:24

Presentación de la sección0:18
Creamos la estructura de la app: "npx"5:09
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
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

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)4:01
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 Yourselft (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

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

Requirements

Conocimientos generales de desarrollo

Description

Podrás crear aplicaciones React con hooks 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.

Who this course is for:

Los que quieran hacer las mejores aplicaciones ReacJS

React 2020

What you'll learn

Explore related topics

Course content

Introducción al curso4 lectures • 15min

Conceptos básicos5 lectures • 21min

Nos acercamos a React3 lectures • 5min

Instalamos el entorno6 lectures • 15min

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

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

Components en CalcApp36 lectures • 2hr 58min

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

Deploy con Firebase11 lectures • 31min

WeatherApp con StoryBook y MaterialUI!11 lectures • 44min

Requirements

Description

Who this course is for: