Bienvenido al Curso React Avanzado de ITAcademy. Este curso esta diseñado para ahondar en los conocimientos del itinerario y como un próximo paso para en tu camino hacia convertirte en desarrollador React profesional. También sirve como un excelente puente para los estudiantes que completaron el itinerario de Node.js. Este curso ha sido creado por Kevin Mamaqi Kapllani, Senior Developer y mentor de proyecto de React y Node en IT Academy.
Este curso está dividido en 15 submódulos, cada uno alojado en una subcarpeta dedicada acompañada de un video para aclarar y ampliar aún más los conceptos presentados. Comienza con la configuración de un nuevo proyecto de React usando TypeScript y cubre varios temas críticos, como la gestión de estado con React Hooks, técnicas de optimización del rendimiento, principios de diseño en React y estrategias de testing en aplicaciones React.
A lo largo de este curso, desarrollaremos una aplicación real, un buscador de pisos, donde podrás aplicar prácticamente los conceptos aprendidos en cada módulo. Este enfoque persigue comprender los conceptos y obtener experiencia práctica al implementarlos.
- Introducción y configuración.
- ESLint y Prettier.
- Código declarativo en React. HTML/CSS/JS frente a JSX.
- Estilos, props y props especiales en React.
- Estructura de código en React, principios de diseño atómico y sistemas de diseño.
- Introducción a los componentes con estilo.
- Comprender useState().
- Comprender useEffect().
- Introducción a los ganchos de reacción.
- Entendiendo useMemo().
- Comprender useCallback().
- Comprender React.memo().
- Test unitarias en React.
- Test de integración en React.
- Test y mocking
Este curso asume que ya está familiarizado con JavaScript, React.js y tiene una comprensión básica de Node.js. Si es completamente nuevo en esto, le recomendaría que primero tome los itinerarios de React.js y Node.js que ofrece ITAcademy.
Al final de este curso, se sentirá cómodo configurando un proyecto React con TypeScript, estructurando y diseñando su código de manera efectiva, administrando el estado con enlaces, optimizando el rendimiento y escribiendo pruebas para sus aplicaciones React. Obtendrá una comprensión más profunda de la biblioteca React, el lenguaje TypeScript y cómo funcionan juntos en armonía para crear aplicaciones escalables y mantenibles.
Cada módulo está estructurado de manera que incluye una explicación escrita de los conceptos en el archivo README.md
, junto con un video (o varios) que profundiza en cada tema. Se recomienda que lea los materiales y luego vea el video para reforzar lo que ha aprendido. Luego, aplique lo que ha aprendido al proyecto.