Logo de Código Facilito
  • Inicio
  • Replays
  • Iniciar sesión
  • Crear cuenta
  • Explorar cursos
  • Bootcamps
  • Precios
  • Blog

¡Califica el Curso de introducción y fundamentos de React!

Selecciona la calificación de 1 a 5 estrellas

Reporta un error

Curso Curso de introducción y fundamentos de React

Video 1.- Introducción al curso de React

Tipo de error

Algo salió mal al cargar el vídeo

El vídeo no pudo cargarse, hemos enviado un reporte al equipo de desarrollo, para poder solucionarlo a la brevedad.

Mientras solucionamos el problema, intenta lo siguiente para solucionar el error:

  • Recarga la página
  • Intenta reiniciar tu navegador y luego vuelve a reproducir el vídeo
  • Vacía el caché de tu navegador
  • Intenta reproducir con las extensiones del navegador deshabilitadas
  • Intenta con un navegador distinto
  • Si el problema persiste contáctanos en Discord
home Ir al inicio report_problem Reportar falla star Valorar curso

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

  • Módulo 5 | 4 clases

    Animaciones

    expand_more
    • play_circle_outline

      Clase 1

      Instalar y configurar react-transition-group

    • play_circle_outline

      Clase 2

      Definir transición CSS

    • play_circle_outline

      Clase 3

      CSSTransition

    • play_circle_outline

      Clase 4

      Animar un grupo de elementos

Introducción al curso de React

Siguiente arrow_forward
Curso de introducción y fundamentos de React