¡Aprende a crear React Router desde cero y publica el paquete!

Channel:
Subscribers:
266,000
Published on ● Video Link: https://www.youtube.com/watch?v=K2NcGYajvY4



Duration: 2:05:59
13,652 views
561


Aprende a crear un React Router desde cero y paso a paso. Creamos los componentes Router, Route y Link.

👀 Todas las clases: https://www.youtube.com/watch?v=7iobxzd_2wY&list=PLUofhDIg_38q4D0xNWp7FEHOTcZhjWJ29
👨‍💻 Repositorio de código: https://github.com/midudev/aprendiendo-react
💬 ¿Dudas de React? Pregunta aquí: https://discord.gg/midudev

🔴 No te pierdas más directos en: https://www.twitch.tv/midudev

Le añadimos tests y lo publicamos en NPM para que cualquiera lo pueda usar.

¡Con esta clase vas a aprender React a otro nivel! De forma que podrás crear tus propias bibliotecas para usarlas en cualquier proyecto.

SEGMENTOS del VÍDEO

00:00 - Introducción e instalación
03:20 - Creamos estructura básica de la aplicación
05:09 - Crear páginas con renderizado condicional
08:08 - Navegación SPA programática
10:54 - Suscripción al evento en el useEffect
13:55 - Truco para diferenciar SPA con MPA
14:45 - Arreglar botón Ir Atrás
17:05 - Refactorización de código
18:26 - Errores al usar un botón en lugar de un enlace
20:00 - Crear el componente Link
24:30 - Añadir funcionalidad de teclado y botón derecho al Link
28:56 - La magia de la prop children
31:15 - Crear componente Router
40:40 - Rutas 404 y rutas por defecto
43:00 - Soportar rutas con parámetros dinámicos
59:15 - Crear componente Route
01:08:15 - Lazy Load de las rutas
01:19:50 - Cómo hacer internacionalización
01:23:00 - Testeando nuestro paquete de Router
01:43:20 - Preparando para hacerlo como paquete publicable
01:51:22 - Iniciar sesión en npm y publicar paquete
01:55:30 - Probando nuestro paquete de Router en otro proyecto








▶ No te pierdas más directos en: https://www.twitch.tv/midudev




Other Videos By midulive


2023-06-20Tutorial práctico: React y TypeScript paso a paso, crea tu primera aplicación
2023-06-17Resultados de la Encuesta StackOverflow 2023
2023-06-15De Novato a Ninja: Aprende TypeScript - curso intensivo (#2)
2023-06-15Creando Sitio Web Velada Del Año - HTML TailwindCSS y JavaScript (Educativo)
2023-06-10De Novato a Ninja: Aprende TypeScript - curso intensivo (#1)
2023-06-02Clon del sitio web de Tesla con HTML, CSS, JavaScript y Tailwind
2023-05-30¿Qué es y cómo funciona useEffect? Hooks de React
2023-05-27¡Desarrolla el juego del 3 en Raya en 1 hora con React!
2023-05-23React vs. Angular vs. Vue vs. Svelte - Mesa redonda con expertos de programación
2023-05-22¡Maneja los errores de JavaScript como un senior!
2023-05-15¡Aprende a crear React Router desde cero y publica el paquete!
2023-05-03Tienda y Carrito con React + Estado Global con useContext + Manejo de estado con useReducer
2023-04-22¡El futuro de CSS! Con Carmen Ansio
2023-04-18Aprende a pasar una Prueba Técnica de React. Entiende useMemo, useCallback y useRef [Curso de React]
2023-04-12Custom Hooks + Testing con Playwright: Curso de React desde cero - Parte 4
2023-04-11¡Adiós useState! useSignal es el futuro de los Frameworks Web
2023-04-10Espectacular efecto hover para tus cards con HTML y CSS
2023-04-08¡Usamos IA para desarrollar un proyecto con Node.js!
2023-04-06Curso de React desde cero: Crea un videojuego y una aplicación para aprender useState y useEffect
2023-04-04Curso de React [2023]: De cero hasta crear tus primeros componentes con estado
2023-03-29Razones para no usar React siempre y cómo validar datos de un formulario con JavaScript



Tags:
midudev
midudev twitch
react
react router
react.js
crear react router
react router tutorial
tutorial react router
crear react router desde cero
curso react