Bienvenido al curso de introducción a React, una librería de JavaScript para crear interfaces dinámicas, rápidas, responsivas e interactivas.
React es uno de los proyectos más populares en la industria, es el framework o librería de JavaScript, más popular basados en las estrellas de un proyecto en Github.
Con React puedes crear, desde interfaces web, hasta aplicaciones para iOS y Android, además de aplicaciones web progresivas e incluso interfaces de realidad virtual, de verdad, todo eso con una misma librería, no cabe duda de por qué React terminó siendo una de las herramientas favoritas entre los desarrolladores.
Una de las grandes ventajas de React es que lo puedes adoptar entre tus herramientas de desarrollo, de manera progresiva, a diferencia de otros frameworks donde tienes que rehacer el proyecto, casi por completo, para poder integrarlos.
Puedes ir desde integrar React en una vista con datos, hasta crear una aplicación que no recarga la página, o almacenar datos en el framework con algunas herramientas adicionales, es decir, desde una simple vista, a un proyecto hecho completamente alrededor de React.
Aprovechando esta característica de React, vamos a aprender la librería de manera progresiva, primero creando una landing page con Material Design y animaciones, para luego pasar a crear una Single Page App usando el Router y por último, usar Redux para almacenar datos que consumiremos de un servicio web que desarrollamos en otro curso.
El objetivo final es crear una app completa con React, con cursos separados por niveles, que te ayuden a desafiar tus conocimientos, con clases diseñadas al nivel de conocimiento que tengas sobre React.
En este primer curso, como te comentaba, vamos a aprender las bases de React, crearemos nuestros primeros componentes, aprenderemos cómo funciona la librería, por qué goza de tan buen rendimiento, los conceptos clave a entender, la integración con Material Design y el uso y definición de animaciones para nuestros componentes.
Recuerda que este curso es parte de una colección de ellos que en conjunto nos enseñan a desarrollar un aplicación con JavaScript en el frontend y en el backend, así que, si quieres aprender este lenguaje por completo y a fondo, te recomiendo que sigas todos los cursos siguiendo la URL que aparece en pantalla.
Comencemos.
-
Módulo 1 | 5 clases
Introducción
expand_more-
play_arrow
Clase 1
1.- Introducción al curso de React
-
play_circle_outline
Clase 2
2.- Requisitos para tomar el curso
-
play_circle_outline
Clase 3
Acerca del proyecto del curso
-
play_circle_outline
Clase 4
Preparar tu entorno de trabajo (Windows)
-
play_circle_outline
Clase 5
Preparar tu entorno de trabajo (Mac)
-
-
Módulo 2 | 7 clases
Primeros pasos en React
expand_more-
play_circle_outline
Clase 1
Qué es React
-
play_circle_outline
Clase 2
Hola Mundo en React
-
play_circle_outline
Clase 3
Crear app con create-react-app
-
play_circle_outline
Clase 4
Explorar la estructura del proyecto
-
play_circle_outline
Clase 5
JSX
-
play_circle_outline
Clase 6
Mi Primer Componente
-
play_circle_outline
Clase 7
Importar y Exportar módulos ES6
-
-
Módulo 3 | 12 clases
Componentes y estilo
expand_more-
play_circle_outline
Clase 1
Conceptos de componentes en React
-
play_circle_outline
Clase 2
Recibir datos vía props
-
play_circle_outline
Clase 3
Encabezado del proyecto
-
play_circle_outline
Clase 4
Archivos estáticos en la carpeta public
-
play_circle_outline
Clase 5
El state de un componente
-
play_circle_outline
Clase 6
Eventos en Componentes
-
play_circle_outline
Clase 7
Conservar valor del contexto en métodos del componente
-
play_circle_outline
Clase 8
Aplicar estilos
-
play_circle_outline
Clase 9
Configurar MaterialDesign con Material UI
-
play_circle_outline
Clase 10
Colores MaterialDesign para nuestros componentes
-
play_circle_outline
Clase 11
Componente Card de MaterialDesign
-
play_circle_outline
Clase 12
Sistema de Grid
-
-
Módulo 4 | 6 clases
Trabajando con Datos
expand_more-
play_circle_outline
Clase 1
Mocking de negocios
-
play_circle_outline
Clase 2
Index único para iteradores
-
play_circle_outline
Clase 3
Hijo único para MuiThemeProvider
-
play_circle_outline
Clase 4
Componentes página
-
play_circle_outline
Clase 5
Separar componentes
-
play_circle_outline
Clase 6
Actualizar la vista
-