Contenido del curso

0h04m

01 - Curso de ReactJS, Introducción

Bienvenido al curso de Reactjs!

0h03m

02 - Curso de ReactJS, Herramientas

En este video vamos a platicar de las herramientas que vamos a estar utilizando a lo largo del curso!

0h02m

03 - Curso de ReactJS, La Documentación Oficial

Regularmente Lees las documentación de cada tecnología que implementas? ve por qué deberías de hacerlo.

0h07m

04 - Curso de ReactJS, CreateReactApp

Estas inciando en ReactJS ó quieres crear una SPA? CreateReactApp Es la nueva forma de crear aplicaciones basadas en esta potente librería

0h09m

05 - Curso de ReactJS, ReactDOM

ReactDOM es una extension que nos ayudara a manipular el DOM Virtual con ayuda de diferentes funcionalidades, en este video conoceremos render, una función que nos permite dibujar contenido en el browser

0h10m

06 - Curso de ReactJS, JSX

Habías escuchado de JSX? Es la herramienta con la que la comunidad de React nos recomienda escribir componentes dentro de React

0h03m

07 - Curso de ReactJS, Repositorio del Proyecto

A lo largo del curso vamos a estar almacenando los avances dentro de un repositorio en GitHub, acá el link https://github.com/RpL02/FitnessApp

0h04m

08 - Curso de ReactJS, ¿Qué es un componente?

El saber que es un componente y como identificarlos son pilares fundamentales en el desarrollo con React, aprende que es un componente y como identificarlos

0h10m

09 - Curso de ReactJS, Mi primer componente

Quieres aprender a crear componentes dentro de Rectjs? Aquí te explico como hacerlo

0h07m

10 - Curso de ReactJS, Agregando CSS a componentes

Aprende como customizar componentes en ReactJS sin afectar el performance de tu aplicación.

Estilos: https://github.com/RpL02/FitnessApp/blob/styles/src/components/styles/Card.css

0h10m

11 - Curso de ReactJS, Las Props

Para lograr crear componentes reutilizables en cualquier proyecto es necesario dominar el tema de las props, aquí te enseño como

Curso de Javascript: https://www.youtube.com/playlist?list=PLIddmSRJEJ0tYYrHQAAeTAmXzj36jxXoF

0h06m

12 - Curso de ReactJS, El State

El state al igual que las props almacena información de nuestro component pero con la opción de ser mutable y generar re renders de su componente

0h05m

13 - Curso de ReactJS, Ciclo de vida

La mejor forma de tener control sobre nuestros componentes es saber su ciclo y en que momento podemos intervenir para lograr los resultados deseados tanto en UX como en Performance

0h06m

14 - Curso de ReactJS, Componentes Funcionales

Esta es la forma mas sencilla de construir componentes dentro de ReactJS

0h03m

15 - Curso de ReactJS, Primer Página

Las Páginas dentro de React siguen siendo componentes, los cuales nos ayudan a contener componentes más pequeños.

0h09m

16 - Curso de ReactJS, Listando Componentes

Regularmente cuando consumimos algún recurso y necesitamos mostrarlo, es necesario realizar algún tipo de iteración sobre la información obtenida, en este caso vamos a revisar como iterar sobre una colección de ejercicios y mostrar un componente nuevo para cada elemento de la colección.

JSON: https://firebasestorage.googleapis.com/v0/b/tutoriales-e4830.appspot.com/o/data.json?alt=media

0h03m

17 - Curso de ReactJS, ReactRouter

React Router es una colección de componentes de navegación dinámica que nos ayuda a que el performance de nuestra aplicación se haga notar

0h12m

18 - Curso de ReactJS, Enrutado Dinamico de Componentes

0h07m

19 - Curso de ReactJS, ES7

Babel es un compilador que nos va a permitir utilizar las ultimas caracteristicas del lenguaje javascript sin tener inconvenientes de compatibilidad entre browsers, aqui el link de Babel https://babeljs.io

0h05m

20 - Curso de ReactJS, Events

Cuando un usuario interactua con nuestra aplicación este genera eventos los cuales debemos aprender a controlar para solventar las peticiones de nuestros usuarios