React.js con TypeScript

Taller: React.js con TypeScript

intermedio
3 horas

También puedes acceder a todos los cursos con un solo pago

Sube a premium

React.js con TypeScript

Toma este curso
React.js con TypeScript

Taller: React.js con TypeScript

intermedio
+3 horas
Sube a premium

Y accede a todos los cursos con un solo pago

React.js con TypeScript

React.js con TypeScript

Potencia tus proyectos React.js con las cualidades más destacadas de TypeScript.

Nivel: intermedio
Fecha de lanzamiento: 13 de jul.
Duración: +3 horas
(Ver temario)
Calificación: 3.8
(Ver 6 opiniones)

* Accede a este y a todos los cursos, talleres y especialidades

TypeScript es una de las herramientas más usadas actualmente en la industria para crear proyectos grandes y suele utilizarse con diferentes herramientas de JavaScript como Angular o Vue e incluso React. Aquí aprenderemos a construir un proyecto robusto utilizando React y TypeScript.

¿Qué aprenderás en este curso?

  • Estaremos desarrollando una plataforma de retos de CSS utilizando la API de imgur para guardar las imágenes de cada reto que los desarrolladores deben cumplir.
Avatar

Prof. erifranck nuñez

@erifranckVer perfil

Frontend developer e ilustrador, combino estas habilidades para hacer contenido entretenido y divertido sobre los temas tan hermosos que envuelven a la tecnología, me encanta aprender, imaginar y compartir ya sea como historias, explicaciones animadas o un whiteboard. Amo resolver dudas y si es algo que no se me gusta mucho mas porque aprendemos juntos.

Temario del curso

Introducción

En esta sección haremos un repaso breve de las definiciones de TypeScript y React y veremos la importancia de mezclarlos en un proyecto.

  • 1.1 - React definición de su estructura de componentes

  • 1.2 - TypeScript como herramienta para documentar componentes

  • 1.3 - Importancia del uso de TypeScript en un proyecto de React

  • 1.4 - Creación del primer proyecto configurado con create-react-app

  • 1.5 - Consejos de como migrar un proyecto ya creado previamente con ES6

  • 1.6 - Presentación del proyecto a trabajar

  • 1.7 - Creación de la estructura de carpetas para el proyecto

Manejo de contextos y creación de nuestro manejador de estados

Utilizaremos typescript para crear nuestra propia definicion de un state manager para nuestro proyecto utilizando API context y definiremos la ui de nuestro proyecto de retos CSS.

  • 2.1 - Qué es y cómo crear state manager

  • 2.2 - Que es API context y cómo integrarla dentro de nuestra store

  • 2.3 - Creando mockups para nuestros Retos CSS

  • 2.4 - Tipado dinámicos para nuestras funciones utilitarias del state manager

  • 2.5 - Integrando nuestro state manager a nuestros componentes

Conectando con una API externa

Ya tenemos un state manager y una estructura de componentes ahora integraremos la API de imgur que nos permitirá guardar los retos de nuestro proyecto y consultarlos.

  • 3.1 - Conectar las acciones de nuestro state manager con el API. (Parte 1)

  • 3.2 - Conectar las acciones de nuestro state manager con el API. (Parte 2)

  • 3.3 - Conectar las acciones de nuestro state manager con el API. (Parte 3)

  • 3.4 - Definiendo tipos usando la documentación de imgur

  • 3.5 - Conectando data con nuestros componentes

Acabados finales de nuestro proyecto

Agregaremos estilos finales a nuestros componentes y crearemos funciones utilitarias que son muy útiles para controlar eventos en la interfaz de usuario.

  • 4.1 - Creando función para control de clases CSS en nuestros componentes

  • 4.2 - Maquetando últimos elementos

  • 4.3 - Creando persistor y count down

  • 4.4 - Despedida

Avatar

Prof. erifranck nuñez

@erifranckVer perfil

Frontend developer e ilustrador, combino estas habilidades para hacer contenido entretenido y divertido sobre los temas tan hermosos que envuelven a la tecnología, me encanta aprender, imaginar y compartir ya sea como historias, explicaciones animadas o un whiteboard. Amo resolver dudas y si es algo que no se me gusta mucho mas porque aprendemos juntos.

Sigue aprendiendo con

React.js Desde Cero (2020)

React.js Desde Cero (2020)

Avatar

Beto Quiroga

5

4.8

Plataforma de educación online con React.js

Plataforma de educación online con React.js

Avatar

Beto Quiroga

5

4.8

TypeScript Desde Cero

TypeScript Desde Cero

Avatar

Luis Aviles

5

4.6

Librerías JavaScript

Librerías JavaScript

Avatar

Beto Quiroga

5

4.6

Empieza a aprender React.js con TypeScript

¿Aún no te decides? Mira una clase gratis

Mostrar precios en

Por  $ USD  más obtén
una suscripción anual

Premium

Ahorra $180 USD
$360180USD

El mes te sale a $30 15 USD

Ahorra 50 %

Ahorra 50 %

Ahorra 50 %

Gráfico de tabla

Impulsa tu carrera con acceso a todos los cursos y especialidades

unicorn-head-smile¿Tienes un EDycupón?
  • ¡Estudia 12 meses por el precio de 6!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+170 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • ¡Estudia 12 meses por el precio de 6!

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+170 cursos)

  • Sin límite de reproducciones diarias

  • Certificado de culminación

  • 2 cursos nuevos por semana

  • Reproducción automática de clases

  • Descarga recursos adicionales de cursos

  • Clases y talleres bonus en cursos

  • Ver todas las características

* Los planes premium no tienen permanencia obligatoria. Cancela cuando quieras

Sólo este curso

$2415USD

$30 15 USD

Gráfico de tabla

Conserva este curso de por vida y obtén un certificado con un único pago.

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Sin límite de reproducciones diarias

  • Sin anuncios

  • Guarda tus apuntes de clases

  • Reproducción automática de clases

  • Guarda el avance de tus estudios

  • Descarga los recursos de las clases

  • Acceso de por vida a este curso

  • Certificado de culminación

  • Red social educativa

  • Ver todas las características

¿Quieres regalar este curso?

6 calificaciones de los estudiantes (3.8)

Cargando Calificaciones...

Sigue aprendiendo con

React.js Desde Cero (2020)

React.js Desde Cero (2020)

Avatar

Beto Quiroga

5

4.8

Plataforma de educación online con React.js

Plataforma de educación online con React.js

Avatar

Beto Quiroga

5

4.8

TypeScript Desde Cero

TypeScript Desde Cero

Avatar

Luis Aviles

5

4.6

Librerías JavaScript

Librerías JavaScript

Avatar

Beto Quiroga

5

4.6