Menu

Curso De React

Lecciones del Curso Gratuito

Presentación

Hola bienvenidos al vídeo de presentación del curso de react este curso es uno de los más grandes que he preparado y uno de los que más me está gustando preparar ya que se están presentando bastantes retos y eso siempre ayuda a mejorar como divulgador y como profesor estoy intentando que sea el curso más completo y actualizado a día de hoy para que una vez que hayáis finalizado el curso podáis buscar trabajo como desarrolladores con react el objetivo es que entendáis cómo funciona cada parte independiente de react con todas sus variaciones que son bastantes y de esa forma sea como sea el proyecto podáis entenderlo y sacarlo adelante vamos a ver cuáles son los conocimientos necesarios antes de empezar el curso que no son muchos y el temario del curso para que sepáis qué secciones va a tener los conocimientos necesarios para realizar este curso son los que muchos ya os estaréis imaginando necesitáis conocer html.

Hello World con CDN de React 

Este vídeo es un extracto del curso que estoy subiendo actualmente av de mi react desde cero 2020 es un curso completamente actualizado con alrededor de 250 clases y muchísimos proyectos si estás interesado en adquirir este curso suscríbete al canal y activa las notificaciones porque en cuanto lo tenga disponible voy a subir un vídeo anunciándolo y os daré un código de descuento para que podáis adquirirlo a diez euros además el curso se va a ir actualizando conforme se actualice react y si habéis comprado el curso vais a tener acceso a él de por vida y acceso a todo el contenido nuevo que vaya subiendo así que aprovecha de esta oferta porque solo va a durar cinco días en cuanto el curso esté disponible una vez dicho esto os dejo con el vídeo para este primer ejercicio tengo creado este archivo index html.

Create React App y estructura de un proyecto

Este vídeo es un extracto del curso que estoy subiendo actualmente av de mi react desde cero 2020 es un curso completamente actualizado con alrededor de 250 clases y muchísimos proyectos si estás interesado en adquirir este curso suscríbete al canal y activa las notificaciones porque en cuanto lo tenga disponible voy a subir un vídeo anunciándolo y os daré un código de descuento para que podáis adquirirlo a diez euros además el curso se va a ir actualizando conforme se actualice react y si habéis comprado el curso vais a tener acceso a él de por vida y acceso a todo el contenido nuevo que vaya subiendo así que aprovecha de esta oferta porque solo va a durar cinco días en cuanto el curso esté disponible una vez dicho esto os dejo con el vídeo vamos a construir ahora la misma aplicación pero desde create react app que es la opción que nos daría para trabajar de una forma mucho más cómoda.

JSX – Curso de React edición 

Este vídeo es un extracto del curso que estoy subiendo actualmente av de mi react desde cero 2020 es un curso completamente actualizado con alrededor de 250 clases y muchísimos proyectos si estás interesado en adquirir este curso suscríbete al canal y activa las notificaciones porque en cuanto lo tenga disponible voy a subir un vídeo anunciándolo y os daré un código de descuento para que podáis adquirirlo a diez euros además el curso se va a ir actualizando conforme se actualice react.

Functional Components en React 

Este vídeo es un extracto del curso que estoy subiendo actualmente av de mi react desde cero 2020 es un curso completamente actualizado con alrededor de 250 clases y muchísimos proyectos si estás interesado en adquirir este curso suscríbete al canal y activa las notificaciones porque en cuanto lo tenga disponible voy a subir un vídeo anunciándolo y os daré un código de descuento para que podáis adquirirlo a diez euros además el curso se va a ir actualizando conforme se actualice react.

Class Components en React

Este vídeo es un extracto del curso que estoy subiendo actualmente av de mi riac desde cero 2020 es un curso completamente actualizado tiene unas 250 clases y estamos haciendo muchísimos proyectos si te interesa adquirir el curso te dejo en la descripción un link con un descuento para que te salga por 13 euros que es el precio más bajo que puede ofrecer en un emmy además el curso se va a ir actualizando conforme se actualice react.

setState en React

Este vídeo es un extracto del curso que estoy subiendo actualmente av de mi riac desde cero 2020 es un curso completamente actualizado tiene unas 250 clases y estamos haciendo muchísimos proyectos si te interesa adquirir el curso te dejo en la descripción un link con un descuento para que te salga por 13 euros que es el precio más bajo que puede ofrecer en un emmy.

Events en React

Este vídeo es un extracto del curso que estoy subiendo actualmente av de mi riac desde cero 2020 es un curso completamente actualizado tiene unas 250 clases y estamos haciendo muchísimos proyectos si te interesa adquirir el curso te dejo en la descripción un link con un descuento para que te salga por 13 euros que es el precio más bajo que puede ofrecer en un emmy además el curso se va a ir actualizando conforme se actualice react por lo tanto una vez que hayas adquirido el curso vas a tener acceso a todo el contenido nuevo y actualizado según lo vaya subiendo dicho esto os dejo con el vídeo en la sección anterior vimos lo que eran los eventos e hicimos una pequeña introducción a eventos con el evento un clic en esta sección vamos a profundizar sobre los eventos vamos a ver cómo controlar eventos como pasar eventos entre componentes de padre a hijo de hijo a padre vamos a ver los eventos en toda su extensión para empezar lo que quiero que entendáis es lo que es un evento un evento es cualquier interacción del usuario con nuestra aplicación en este caso concreto en riad.

Refs en React 

Para manejar formularios en react tenemos dos formas a través de los input controlados y de los input no controlados son las dos formas que tenemos de hacerlo los inputs controlados se gestionan con el estado pero los inputs no controlados se gestionan con las redes eso es algo que no hemos visto y que quiero explicaros antes de profundizar y de entrar en el tema de los formularios así que aquí en componentes vamos a crear un nuevo archivo que sea revés punto leyes ex y aquí dentro vamos a hacer el y mrc y vamos a crear un las component que sea reid el estado no de momento no me va a hacer falta y en el render pues después lo relleno aquí en el return.

Estilos CSS y SASS en React

Este vídeo es un extracto del curso que estoy subiendo actualmente av de mi riac desde cero 2020 es un curso completamente actualizado tiene unas 250 clases y estamos haciendo muchísimos proyectos si te interesa adquirir el curso te dejo en la descripción un link con un descuento para que te salga por 13 euros que es el precio más bajo que puede ofrecer en un emmy.

Styled Components 

Este vídeo es un extracto del curso que estoy subiendo actualmente av de mi riac desde cero 2020 es un curso completamente actualizado tiene unas 250 clases y estamos haciendo muchísimos proyectos si te interesa adquirir el curso te dejo en la descripción un link con un descuento para que te salga por 13 euros que es el precio más bajo que puede ofrecer en un emmy además el curso se va a ir actualizando conforme se actualice react por lo tanto una vez que hayas adquirido el curso vas a tener acceso a todo el contenido nuevo y actualizado según lo vaya subiendo dicho esto os dejo con el vídeo estáis les componentes es una librería que nació para cubrir las necesidades que teníamos para dar estilos a componentes es cierto que existen otras formas de dar estilo a componentes pero todas presentan los mismos fallos o algunos de los fallos que soluciona styles.

Hooks

Este vídeo es un extracto del curso que estoy subiendo actualmente av de mi riac desde cero 2020 es un curso completamente actualizado tiene unas 250 clases y estamos haciendo muchísimos proyectos si te interesa adquirir el curso te dejo en la descripción un link con un descuento para que te salga por 13 euros que es el precio más bajo que puede ofrecer en un emmy además el curso se va a ir actualizando conforme se actualice react por lo tanto una vez que hayas adquirido el curso vas a tener acceso a todo el contenido nuevo y actualizado según lo vaya subiendo dicho esto os dejo con el vídeo en esta sección vamos a empezar a trabajar a través de los juegos es algo que ha llegado recientemente a riad como veis están disponibles desde la versión 16 8 y nosotros ahora mismo cuando instalamos un proyecto de riad.

Hooks Personalizados 

Una de las mejores cosas que han llegado a través de los juegos son los jugos personalizados esto nos permite reutilizar código de una forma muchísimo más sencilla y pudiendo utilizar todo lo que sabemos de los juegos en este vídeo vamos a crear nuestro primer hub personalizado que nos ayude con las peticiones http para ello en la carpeta src vamos a crear una nueva carpeta que se llame books y aquí dentro vamos a crear un archivo y le damos un nombre por ejemplo news http punto j s el nombre que le demos aquí al archivo no es relevante pero sí es importante que sea identificativo los hooks siempre han de empezar por rius.

To Do List Completo con React

Este vídeo es un extracto del curso que estoy subiendo actualmente av de mi riac desde cero 2020 es un curso completamente actualizado tiene unas 250 clases y estamos haciendo muchísimos proyectos si te interesa adquirir el curso te dejo en la descripción un link con un descuento para que te salga por 13 euros que es el precio más bajo que puede ofrecer en un emmy además el curso se va a ir actualizando conforme se actualice el react por lo tanto una vez que hayas adquirido el curso vas a tener acceso a todo el contenido nuevo y actualizado según lo vaya subiendo dicho esto os dejo con el vídeo en la carpeta de recursos tenéis el proyecto tal y como lo tengo yo ahora mismo que es para empezar el proyecto directamente y lo que vamos a hacer son unas pequeñas configuraciones para que esto vaya cogiendo un tono más estético lo primero es que en la carpeta src vamos a crear otra carpeta que se llame styles y aquí dentro vamos a crear un archivo nuevo archivo que sea colors.

React Router V5

este vídeo es un extracto del curso que estoy subiendo actualmente av de mi riac desde cero 2020 es un curso completamente actualizado tiene unas 250 clases y estamos haciendo muchísimos proyectos si te interesa adquirir el curso te dejo en la descripción un link con un descuento para que te salga por 13 euros que es el precio más bajo que puede ofrecer en un emmy además el curso se va a ir actualizando conforme se actualice el react por lo tanto una vez que hayas adquirido el curso vas a tener acceso a todo el contenido nuevo y actualizado según lo vaya subiendo dicho esto os dejo con el vídeo bienvenidos a esta nueva sección donde vamos a hablar sobre el río water esta librería nos va a permitir gestionar las rutas dentro de nuestra aplicación hasta ahora todo lo hemos estado haciendo en una sola página pero en las aplicaciones reales vamos a tener múltiples páginas por las que necesitamos navegar y de esta navegación es de lo que se encarga a riad router.

React Router V5 – Práctica guiada – 

Este vídeo es un extracto del curso que estoy subiendo actualmente av de mi riac desde cero 2020 es un curso completamente actualizado tiene unas 250 clases y estamos haciendo muchísimos proyectos si te interesa adquirir el curso te dejo en la descripción un link con un descuento para que te salga por 13 euros que es el precio más bajo que puede ofrecer en un emmy para el comienzo de esta práctica he dejado un proyecto nuevo completamente limpio en la carpeta componentes no tenemos nada y en assets lo que tenemos es un array de usuarios con el que vamos a trabajar en lugar de hacer peticiones lo que vamos a hacer es leer este archivo para tener la información de los usuarios he instalado los estables componentes.