Descripción
React es una librería JavaScript de código abierto y utilizada para la creación de interfaces de usuario reactivas. Esta librería fue creada por Facebook la cual les ha beneficiado en el desarrollo de algunas de sus plataformas, por ejemplo Instagram. React utiliza principios de arquitectura, distintos a los usados en otras populares librerías o frameworks, que ofrecen grandes beneficios en relación al performance, modularidad y promueve un flujo de datos y eventos facilitando el desarrollo y planificación de aplicaciones complejas.
En este curso aprenderás las bases de esta librería, veremos el estado actual, los diversos métodos para crear componentes, creación de formularios, navegación y cómo manejar el estado de nuestra aplicación.
Empezaremos desde cero e iremos introduciendo nuevos conceptos mientras creamos una app de React, de una forma totalmente práctica y aprendiendo no sólo los fundamentos de React, sino todas las fases de la creación de un proyecto o del ciclo de vida de una app.
Objetivos
Los objetivos de este curso son establecer las bases fundamentales del desarrollo de aplicaciones web con React y aprender React de una forma práctica, amena y con total aplicación en proyectos reales en el mercado laboral.
Todos los cursos son impartidos por profesionales del sector IT, KNOWTECH no utiliza profesores teóricos, sino profesionales con experiencia en el día a día de la creación de apps y la gestión de proyectos con este framework, lo cuál os permitirá no sólo aprender los fundamentos de React o sus componentes, sino cómo se aplican en los proyectos, que inconvenientes nos encontramos, que beneficios ofrece cada arquitectura o técnica y lo más importante la experiencia adquirida por estos profesores durante su uso.
Requisitos previos
Para poder iniciar y seguir el curso con normalidad, es necesario tener conocimientos de HTML 5, CSS 3 y JavaScript (ES6 aka "moderno" y npm).
El curso no es un curso de introducción a la programación, por lo que todos los alumnos que asistan han de tener conocimientos previos de programación y estar acostumbrados a desarrollar apps con JavaScript u otros frameworks basados en JavaScript.
Contenido
- Introducción a React
- Qué es React
- El ecosistema de React
- Programación imperativa vs declarativa
- Herencia vs Composición
- Componentes funcionales vs Componentes de Clase
- Hello World
- NPM install ...
- Webpack
- Nuestro primer componente
- JSX
- Props
- Cómo pasamos información a nuestro componente
- Eventos
- Listas
- Children
- Validación de propiedades
- Estado de la aplicación
- Estado interno de los componentes
- Ciclo de vida de un componente
- Compartiendo el estado entre componentes
- Formularios
- Creación de formularios
- Controlled Components vs Uncontrolled Components
- Validación de formularios
- Navegación entre componentes
- React Router
- Query strings
- Páginas 404
- React en la práctica
- Generar proyecto utilizando Create React App
- Preparar la aplicación para producción
- Testing
- Introducción a Jest
- Probando nuestros componentes
- Mocks de otros componentes
- E2E Testing con Cypress
- Extras
- Flux y Redux
- React Hooks
- SSR (Server Side Rendering)
- TypeScript
- CSS in JS