React - La Guía Completa - Hooks Redux Context +15 Proyectos

React - La Guía Completa - Hooks Redux Context +15 Proyectos

Descripción

El único curso que enseña REACT SIN CONOCIMIENTO PREVIO HASTA LOS TEMAS MÁS AVANZADOS! COMPLETAMENTE REGRABADO PARA APRENDER HOOKS, CONTEXT Y REDUX! Creando más de 15 proyectos

React es una librería JavaScript desarrollada por Facebook para crear Interfaces Web y Aplicaciones Interactivas y con flujo de datos más complejo que jQuery o JavaScript.

Aprender React sin duda te hará mejor desarrollador Web y JavaScript, es una libreria que nos permite escribir código de JavaScript Moderno hoy en dia.

En este curso aprenderás esta librería creando múltiples proyectos del Mundo Real.

Los Proyectos que desarrollaremos son:

Administrador de Biblioteca con Redux y Cloud Firestore

Buscador de Eventos con EventBrite API y Fetch API

Buscador de Imágenes con Pixabay API

Aplicación CRUD con React Router, JSON Server y Axios

Cotizador de Criptomonedas

Portal de Noticias con News API

Administrador de Citas de Veterinaria con React y Local Storage

Gasto y Presupuesto Semanal

Aplicación de Clima con Fetch API

Cotizador de Seguro de Autos con múltiples Modelos, Marcas y Tipo de Seguro.

Portal de Bitcoin con Noticias, Cotización y Próximos Eventos con NextJS

Autenticación de Usuarios con JWT y Auth0

Frases de Breaking Bad

Buscador de Letras e Información de Bandas músicales.

Si nunca has escrito código React pero tienes deseos de aprenderlo, estas en el curso adecuado, asumo que nunca has escrito una sola linea de React.

¿No has escrito código JavaScript o escribiste JavaScript en las versiones anteriores y no lo recuerdas? El curso también incluye una Introducción / Recordatorio a JavaScript!

¿Que Aprenderé en el Curso?

1.- Introducción al Curso y Proyectos que construiremos

Veremos todo lo que aprenderás en el curso de React JS

2.- JavaScript - Introducción / Recordatorio, ¿Cuanto JavaScript debo saber para aprender React?

Al ser React una librería JavaScript, lo ideal es tener algo de conocimiento en este lenguaje, ya sea que nunca hayas escrito una línea de JavaScript o lo hayas hecho hace tiempo, este capítulo contiene todo lo que debes saber antes de comenzar con ReactJS

3.- Instalando NodeJS, NPM y create-react-app

Muchos cursos te enseñarán a crear un workflow con Webpack y extender así la duración del curso, create-react-app ya tiene todo lo que necesitas, por lo tanto crearemos los proyectos con esta herramienta.

4.- Introducción Básicos de React

Comenzaremos a Escribir el código básico de React, veremos que es JSX, Componentes, distintos tipos de Componentes, Props, State, términos que son nuevos y existen en React, una base sólida antes de comenzar a crear proyectos más avanzados.

5.- PROYECTO: Administrador de Pacientes de Veterinaria - Class Components

El 95% del código de React esta hecho con Class Components, si Hooks hacen todo más sencillo, pero como desarrollador React es importante que conozcas también los Class Components,

Este será nuestro primer proyecto en React, crearemos un proyecto con un formulario de contacto donde daremos de alta pacientes de veterinaria e información extra, todo se va a almacenar en Local Storage para que los datos se guarden incluso refrescando la ventana, un proyecto más complejo para aprender React

6.- PROYECTO: Sitio Web de Noticias desde una REST API - Class Components

Será nuestro primer Proyecto con una API Externa, una de tus actividades que tendrás como desarrollador de React será consumir una API con un backend como PHP, Java, C#, Python o Node, y en este curso comenzarás a consumir una API.

7.- PROYECTO: Buscador de Eventos con EventBrite API y React - Context API

Un proyecto más desde una aplicación externa, donde mostraremos los resultados desde una REST API externa como es la de EventBrite, veremos las ventajas de utilizar Context API que esta disponible desde React 16.3

8.- PROYECTO: Aplicación de Clima con REST API - React Hooks

Veamos como utilizar Hooks y también que son para crear nuestras aplicaciones, consumiremos una API donde leeremos los datos del formulario y enviar el REQUEST hacia la API y finalmente mostrar el resultado.

9.- PROYECTO: Administrador de Pacientes - React Hooks

La forma de aprender React Hooks es tomando un proyecto que ya tengas como Class Components y lo realices con Hooks, así que veremos como transformar un proyecto ya existente en Hooks!

10.- PROYECTO: Frases de Breaking Bad - React Hooks

Veamos como utilizar React Hooks para llamar la API desde un botón, así como mostrar los resultados de frases de la serie de Breaking Bad.

11.- PROYECTO: Buscador de Letras Musicales e información de Bandas o Grupos de Música - React Hooks

En este capítulo crearemos un buscador, si buscas por un artista y una canción la API nos retornará la letra de ella, además haremos una segunda consulta a otra API para obtener más información sobre una banda en especifico.

12.- PROYECTO: Cotizador de Criptomonedas con React y Axios - React Hooks

Fetch es genial, pero axios hace las consultas a REST API's mucho más fácil en React, veremos como obtener el precio actual de una gran cantidad de criptomonedas con solo presionar un botón y diferentes monedas tradicionales.

13.- PROYECTO: Buscador de Imágenes con Pixabay - React Hooks.

En este proyecto utilizaremos la API de Pixabay para realizar una búsqueda de imágenes que puedes utilizar en tus proyectos y descargarlas, además veremos como crear un paginador en React.

14.- PROYECTO: Operaciones CRUD con Axios, Sweet Alert 2, React Router y JSON Server - React Hooks

En algunas ocasiones será necesario crear una aplicación CRUD - Crear, Leer, Actualizar y Eliminar registros en React, utilizaremos una REST API que nos permitirá simular estas acciones muy fácilmente, la vamos a configurar con JSON Server y el proyecto estará hecho con React Hooks.

15.- PROYECTO: Autenticación en React con JWT, Auth0 y un Servidor Express (NodeJS)

En este capítulo veremos como crear un servidor en Express (NodeJS) que nos permitirá mostrar una serie de Productos que vamos a consumir en nuestro Cliente (Aplicación de React) utilizando un servicio de Autenticación llamado Auth0, además, veremos como validar un JWT y autenticar usuarios con JSON Web Tokens

16.- PROYECTO: Portal Bitcoin con Noticias, Cotización y Próximos Eventos en NextJS

SSR o Server Side Rendering, permitirá mostrar el contenido utilizando el servidor y no el cliente (como hacen todas las aplicaciones en react)

Esto ayudará al Performance, también a mejorar el SEO, y el mejor proyecto es NEXTJS, veamos como utilizarlo!

17.- Introducción a REDUX

En este capítulo veremos una introducción a Redux, que es el store, actions y reducers, y todos los términos que son necesarios para comenzar a dominar Redux.

18.- PROYECTO: Administrador de Citas para Veterinaria con REDUX y LocalStorage

En este capítulo tomaremos un proyecto de los ya existentes y veremos como transformarlo en una aplicación con Redux, así podrás ver las diferencias entre un proyecto con State y Props y uno con Redux para el state, así como Hooks, ya que este proyecto se realiza con Classes, Hooks y Redux en el curso.

19.- PROYECTO: CRUD con React, Redux, REST API y Axios

Crearemos un proyecto con una REST API y React y Redux desde cero, utilizaremos AXIOS porque será un CRUD (Crear, Leer, Actualizar y Eliminar Registros con estas 4 tecnologías)

20: PROYECTO: Creando una App con Firestore / Firebase, React y Redux

En este capítulo veremos como crear una Aplicación con Firestore / Firebase, tendrá la Base de datos en tiempo real, autenticación de usuarios y veremos como unir 2 colecciones para hacerla más dinamica e interactiva.

¿Para quién es este curso?

Si ya has tomado un curso en React pero te dejo más dudas que otra cosa, este curso es para ti, iremos paso a paso introduciendo temas nuevos y cada vez más complejos
Desarrolladores y Programadores Web que desean incorporar React a sus habilidades
Desarrolladores que deseen aprender la Librería más popular para Aplicaciones Modernas con JavaScript
Si eres de las personas que aprenden más desarrollando proyectos reales, este curso es para ti, incluimos más de 10 Proyectos!
Si eres de las personas que aprenden con cursos paso a paso, escribiendo código sin prisas y sabiendo que sucede, este curso es para ti,
React es una de las librerías mejor pagadas, cualquier persona que desee obtener un ingreso mayor debe tomar este curso

Requisitos

Si has escrito HTML, CSS y JavaScript y deseas aprender React, estas en el curso Adecuado
Incluso si no has escrito Código JavaScript Moderno ( ES6+ ) el curso tiene una sección de JavaScript antes de comenzar con React
No es necesario conocimientos previos en React asumo que nunca has escrito una sola línea de React!