07.02.2024, 11:07
![[Bild: 16dc2a32bbe96f988059115e396e7194.jpg]](https://i123.fastpic.org/big/2024/0206/94/16dc2a32bbe96f988059115e396e7194.jpg)
React - La Gu a Completa: Hooks Context Redux MERN +15 Apps
Last updated 3/2023
Created by Juan Pablo De la torre Valdez
MP4 | Video: h264, 1280x720 | Audio: AAC, 44.1 KHz, 2 Ch
Genre: eLearning | Language: Spanish + srt | Duration: 756 Lectures ( 66h 30m ) | Size: 23.5 GB
Aprende React: Hooks, State, MERN, Next.js, Remix Run, Redux, Tailwind CSS, Prisma y mucho m s - CREANDO +15 APPS REALES
What you'll learn
El curso incluye SSR, Gatsby, Nextjs, MERN, Styled Components, Context
Crear proyectos con Redux y React Redux (con Hooks)
Crear M s de 15 Proyectos con React
Conocer React a fondo
Conocer que es son los Hooks y crear tus propios Hooks
Utilizar Fetch API y Axios con React para consumir API's
Integrar React con otras tecnolog as JavaScript como Local Storage
Crear aplicaciones y request CRUD con React
Conocer Server Side Rendering con React con Nextjs y Gatsby
Deployment de Aplicaciones en React en Netlify, Heroku, Vercel y mucho m s
Crear Proyectos en React y escribir c digo React que siga las buenas pr cticas
Crear Proyectos con Nextjs y Gatsby
Integrar Mongo Express y Node con React
Aprender los Hooks useReducer y useContext
Requirements
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!
Description
El nico curso que ense a REACT SIN CONOCIMIENTO PREVIO HASTA LOS TEMAS M S AVANZADOS! COMPLETAMENTE REGRABADOPARA APRENDER HOOKS, CONTEXT Y REDUX, MERN, Gatsby, GraphQL, Testing Creando m s de 15 proyectos REALESReact es una librer a JavaScript desarrollada por Meta (Facebook) para crear Interfaces Web y Aplicaciones Interactivas y con flujo de datos m s complejo que jQuery o solamente JavaScript.Aprender React sin duda te har mejor desarrolladorWeb y JavaScript, es una libreria que nos permite escribir c digo de JavaScript moderno y crear incre bles aplicaciones web.En este curso aprender s esta librer a creando m ltiples proyectos del Mundo Real (Nada de Autenticaciones desde archivos TXT como en otros cursos, o pasar 20 horas viendo que es el State, solo c digo del mundo real que te dar un trabajo).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 construiremosVeremos todo lo que aprender s en el curso de React JS2.- JavaScript - Introducci n / Recordatorio, Cu nto JavaScript debo saber antes de 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 React.3.- Herramientas para Crear Apps en ReactVeremos algunas opciones para crear apps de React, entre ellas Vite, Remix Run, Next.js y Gatsby4.- Instalaci n de Node y NPM en WindowsVeamos como instalar Node en Windows5.- Instalaci n de Node y NPM en WindowsVeamos como instalar Node en Mac6.- PROYECTO: Administrador de Pacientes en Vite, Tailwind CSS y LocalStorageComenzaremos con un proyecto que incluye formularios, validaci n, state, props, Tailwind CSS para estilos y LocalStorage, desde el primer proyecto ya tendr s una base s lida de React.7.- PROYECTO: Control de Presupuesto en React con Vite y LocalStorageTomaremos lo aprendido en el cap tulo anterior y estaremos viendo como crear un control de presupuestos, con validaci n, gr ficas, y mucho m s!8.- PROYECTO: Cotizador de Criptomonedas en Vite, Styled Components, Custom HooksEste ser nuestro primer proyecto consumiendo una API externa, veremos como enviar una petici n hacia un servidor, leer la respuesta e imprimirla en pantalla, este proyecto incluye styled components y custom hooks.9.- PROYECTO: Administrador de Clientes - React Router DOM, Tailwind y JSON-ServerEn este Proyecto veremos como crear aplicaciones en React de m ltiples p ginas con React Router DOM10.- PROYECTO: Cotizador de CriptomonedasVeremos como tomar 10 criptomonedas y cotizarlas en TIEMPO REAL para obtener su precio al momento, ya sea Bitcoin a USD o Ethereum a Peso Mexicano los datos vienen desde una API y aprenderemos m s sobre Styled Components.11.- PROYECTO: Buscador de Noticias con una APISer de los ltimos proyectos con API's gratis, veremos como crear Custom Hooks y otros tem s como CSS Modules12.- PROYECTO: Buscador de Im genes con Pixabay APIAdem s de lo que aprendemos en cada proyecto (state, formularios, validaci n, props)este proyecto incluye un paginador personalizado y otras caracteristicas.13.- PROYECTO: Buscador letras e informaci n de artistasEste proyecto realiza una consulta hacia 2 API's al mismo Tiempo 14.- PROYECTO: Buscador de Bebidas con ContextComenzaremos a trabajar con Context API y el nuevo Hook de useContext() uno de los proyectos de nivel intermedio que te van a preparar para los temas siguientes.15.- PROYECTO MERN: Administrador de Proyectos y Tareas Aprende a Crear tu propio Basecamp, Asana o Trello con esta App, permite a los usuarios crear su cuenta, iniciar sesi n y comenzar a crear proyectos y asignarles tareas, los usuarios podr n marcar y desmarcar tareas finalizadas y tendr todas las opciones del CRUD (Crear Leer Actualizar y Borrar)El Proyecto utiliza MERN(MongoDB Node.js Express y React) estaremos creando una REST API desde cero que conectaremos a React.16.- Next.js y Firebase: Creando un Clon del Sitio Product HuntAprende Next.js el framework React para crear sitios y aplicaciones SSR, lo integraremos con Firebase ( incluyendo Autenticaci n, Storage, Database y Hosting)para crear un clon del sitio web product hunt, los usuarios podr n darse de alta, dar de alta productos, recibir votos y comentarios!17.- Gatsby, GraphQL y DatoCMSSi hay una tecnolog a que debes aprender este 2020 es Gatsby, la velocidad y performance son increibles, adem s esta hecho en React, utiliza SSR y soporta GraphQL, sin duda el presente y futuro de React!
Who this course is for
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 15 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
Homepage
![[Bild: 444003896_001-el-proyecto-que-vamos-a-construir_s.jpg]](https://img92.pixhost.to/images/668/444003896_001-el-proyecto-que-vamos-a-construir_s.jpg)
