Formación Explora React con Javascript - Bootcamp React con Typescript

Paso a paso

1. 1 Empezando con React

   En este paso conocerás React, la librería más utilizada de JavaScript para desarrollar interfaces modernas y dinámicas. Aprenderás qué son los componentes y cómo su estructura modular facilita la creación y el mantenimiento de aplicaciones. Descubrirás cómo las props permiten reutilizar y personalizar tus componentes, y cómo el manejo del estado le da vida a tu aplicación. Además, te adentrarás en el uso de hooks como useRef para manipular el DOM eficientemente dentro de una SPA (Single Page Application).

   • 

     Curso React: empezando con la librería

     12h

   Faça esse curso e:

   • Conoce a ReactJS, la librería de Javascript más usada para crear aplicaciones frontend
   • Identifica que son los componentes y como su forma de organizarse facilita el desarrollo de interfaces
   • Aprende como las props convierten a tus componentes en elementos reutilizables y genéricos
   • Entiende cómo funciona el estado en una aplicación React y el poder que le dan a tus aplicaciones
   • Manipula el DOM desde una SPA, usando a useRef, un hook que te facilita su acceso

   Mais detalhesdo curso React: empezando con la librería

   • 

     Artigo ¿Qué es Single Page Application?(SPA) | Alura Cursos Online

   • 

     Artigo Virtual DOM | Alura Cursos Online

2. 2 Construye Interfaces Styled Components

   En este paso aprenderás a montar un entorno de desarrollo moderno y rápido con Vite, ideal para proyectos React. Utilizarás Styled-components para crear y personalizar elementos clave como la barra de navegación, un banner y otros componentes visuales. Diseñarás e implementarás componentes React para mostrar imágenes con sus respectivas leyendas, aplicando estilos accesibles y personalizados a una galería de fotos. Finalmente, complementarás tu interfaz con una barra lateral de imágenes populares y un pie de página funcional y estilizado.

   • 

     Curso React: Styled Components y manipulando archivos estáticos

     12h

   Faça esse curso e:

   • Montar un servidor de desarrollo con Vite
   • Utilizar Styled-components para crear y estilizar un navbar, un banner y más
   • Diseña e implementa componentes React para mostrar imágenes y leyendas
   • Aplica estilos personalizados y accesibles a una galería de fotos
   • Agrega una barra lateral de imágenes populares y un pie de página

   Mais detalhesdo curso React: Styled Components y manipulando archivos estáticos

   • 

     Artigo React: componentes con Styled Components

3. 3 Gestión de estados y rutas

   Ahora que ya tienes una buena base, ¿qué te parece explorar algunos temas más avanzados? En este último paso de tu formación, profundizarás en algunos de los hooks principales de React, como useEffect, useState, useRef y useContext. También explorarás los hooks de react-router-dom, implementarás desafíos prácticos y desarrollarás tu código basado en el principio de responsabilidad única, facilitando el mantenimiento.

   • 

     Curso Hooks en ReactJS: conociendo su potencial y utilidad

     10h

   Faça esse curso e:

   • Conoce los hooks de ReactJS y entiende su importancia
   • Aprende como gestionar el estado de un componente con useState
   • Identifica como acceder al DOM virtual de ReactJS con useRef
   • Explora y comprende el ciclo de vida de un componente usando useEffect
   • Implementa estados globales en aplicaciones usando contextAPI
   • Analiza y comprueba como useReducer nos ayuda en la gestión de aplicaciones complejas
   • Construye tus propios hooks y aprovecha toda su funcionalidad

   Mais detalhesdo curso Hooks en ReactJS: conociendo su potencial y utilidad

   • 

     Curso React Router DOM: domina la navegación en React

     12h

   Faça esse curso e:

   • Aprenda a implementar navegación eficientemente en aplicaciones de una sola página (SPA) utilizando las mejores prácticas de React Router DOM
   • Implemente rutas claras y organizadas para estructurar su aplicación de manera profesional
   • Descubra cómo crear rutas dinámicas que respondan a parámetros y necesidades específicas de su proyecto
   • Proteja secciones sensibles de su aplicación mediante rutas privadas y control de acceso
   • Domine la transición entre rutas y la gestión de errores para ofrecer una experiencia de usuario fluida y robusta

   Mais detalhesdo curso React Router DOM: domina la navegación en React