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.3
(Ver 3 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

  • React definición de su estructura de componentes

  • TypeScript como herramienta para documentar componentes

  • Importancia del uso de TypeScript en un proyecto de React

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

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

  • Presentación del proyecto a trabajar

  • 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

  • Que es y como crear state manager

  • Que es API context y como integrarla dentro de nuestra store

  • Creando mockups para nuestros Retos CSS

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

  • 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.

  • Conectar las acciones de nuestro state manager con el API

  • Conectar las acciones de nuestro state manager con el API II

  • Conectar las acciones de nuestro state manager con el API III

  • Definiendo tipos usando la documentación de imgur

  • 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

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

  • Maquetando últimos elementos

  • Creando persistor y count down

  • 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

React.js Desde Cero

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.5

Empieza a aprender React.js con TypeScript

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

Mostrar precios en

Premium

$3020USD

En un solo pago anual de $360 240 USD

Gráfico de tabla

Alcanza tus metas con todos los cursos y funciones premium.

unicorn-head-smile¿Tienes un EDycupón?
  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+150 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

  • Paga 8 meses y obtén 12

  • Todos los beneficios del plan gratis

  • Acceso completo a todo EDteam (+150 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

$24USD

$360 240 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?

3 calificaciones de los estudiantes (3.3)

Cargando Calificaciones...

Sigue aprendiendo con

React.js Desde Cero

React.js Desde Cero

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.5