¿Qué necesitas para aprender React.js?
Clase 1 de 34 • Curso de React.js
Contenido del curso
Maquetación con React.js
Interacción con React.js
Librería de Iconos Personalizados
Herramientas avanzadas: escalabilidad, organización y persistencia
- 13

Local Storage con React.js
25:48 min - 14

Custom Hooks
17:53 min - 15

Organización de archivos y carpetas
07:40 min - 16

Feature-First Directories en React
09:12 min - 17

Tips para naming y abstracción de componentes React
12:24 min - 18

¿Qué son los efectos en React?
14:04 min - 19

Estados de carga y error
15:04 min - 20

Actualizando estados desde useEffect
16:20 min - 21

Reto: loading skeletons
11:59 min - 22

¿Qué es React Context?
20:57 min - 23

useContext
10:47 min - 24

¿Qué son los React Portals?
14:03 min - 25

Reto: estados para abrir y cerrar un modal
03:33 min - 26

Maquetando formularios en React
15:08 min - 27

Crear TODOs: React Context dentro de React Portals
15:16 min
Deploy
Próximos pasos: React #UnderTheHood
Bonus: creando proyectos en React desde cero
ReactJS se ha consolidado como una herramienta esencial en el ecosistema de JavaScript, gracias a su capacidad para desarrollar aplicaciones altamente interactivas y escalables. Esta biblioteca multiplataforma, declarativa y basada en componentes, nos brinda las posibilidades de crear proyectos que ofrecen una experiencia de usuario sorprendente y, al mismo tiempo, representan oportunidades de crecimiento profesional para los desarrolladores. A lo largo de un curso dedicado a introducirnos en ReactJS, los estudiantes no solo aprenderán sus fundamentos, sino que también tendrán la oportunidad de construir un proyecto real, el "Todo Machine", ideal para enriquecer su portafolio como desarrolladores front-end. Después de abordar los requisitos esenciales y el proceso inicial de configuración del proyecto, nos adentraremos en el mundo de los componentes de ReactJS, clave para el desarrollo de aplicaciones modernas y eficientes.
¿Cuáles son los beneficios de usar ReactJS?
ReactJS se destaca por permitir la creación de aplicaciones multiplataforma gracias a sus características:
- Declarativo: hace que el código sea más predecible y fácil de depurar.
- Basado en componentes: facilita la reutilización de código e incrementa la eficiencia del desarrollo.
¿Qué se necesita para empezar este curso de ReactJS?
Para aprovechar al máximo este curso, se requieren conocimientos previos y ciertas habilidades:
- Fundamentos de HTML, CSS y JavaScript.
- Conocer ECMAScript y sus versiones.
- Entender programación orientada a objetos y manipulación del DOM.
- Manejar conceptos de asincronismo.
¿Cómo se administra el proyecto y cuáles herramientas son necesarias?
- Git y GitHub: para el control de versiones y trabajo colaborativo.
- NPM (Node Package Manager): para instalar y administrar dependencias. Si bien se pueden utilizar herramientas similares como Yarn o PMPM, el conocimiento de NPM es esencial.
¿En qué consiste el proyecto Todo Machine?
El proyecto "Todo Machine" es una aplicación que permite:
- Filtrar tareas.
- Marcar tareas como completadas.
- El borrado y la creación de nuevas tareas.
- Reactividad ante las interacciones del usuario con formas y modales.
¿Cómo configurar el ambiente de desarrollo para ReactJS?
Al iniciar el curso, siguiendo las instrucciones proporcionadas, se debe:
- Clonar el repositorio provisto usando
git clone. - Instalar las dependencias con
npm install. - Iniciar la aplicación con
npm start.
¿Por qué es importante aprender ReactJS?
Aprender ReactJS no solo mejora las habilidades de desarrollo front-end, sino que también expande tu capacidad para construir aplicaciones ricas e interactivas que mejoran la experiencia del usuario. Este conocimiento es altamente valorado en el sector tecnológico y te posiciona favorablemente en el mercado laboral.
¿Qué sigue en el curso de introducción a ReactJS?
Después de preparar nuestro ambiente de desarrollo, el siguiente paso es sumergirnos en el concepto más fundamental de ReactJS: los componentes. A través de ellos, exploraremos cómo se construyen interfaces de usuario modulares y reutilizables.
La dedicación y el esfuerzo serán tus aliados en este aprendizaje. El mundo del desarrollo frontend es vasto y emocionante, y con las herramientas adecuadas como ReactJS, estarás preparado para enfrentar desafíos cada vez más complejos y satisfactorios. ¡Comencemos este viaje juntos!