React: De Cero A Experto ( Hooks Y Mern ) (updated 12/2022)

Context API, MERN, Hooks, Firestore, JWT, Testing, Autenticaciones, Despliegues, CRUD, Logs, MUI, Multiple Routers…

What you'll learn

Aprender React a profundidad

Realizar pruebas unitarias y de integración en todo tu código

MERN - Mongo Express React Node

Autenticación con Google y JWTs (JsonWebTokens)

Hooks a profundidad

Crear aplicaciones reales

Redux, Context y otros manejadores de estado

Requirements

Conocimiento básico de JavaScript es necesario

Conocimiento básico de programación es necesario

Poder realizar instalaciones en el equipo como administrador

Pueden seguir el curso en OSX (Mac), Windows o Linux

Estar dispuesto a realizar las tareas y ejercicios adicionales

Description

¿Quieres aprender React Actual o migrarte a trabajar con Hooks?Este curso tiene por objetivo llevarte de cero conocimiento de React hasta un nivel competitivo en el ambiente laboral de hoy en día. Este curso está construido 100% en Hooks y functional components.También cuenta con secciones sobre pruebas unitarias y de integración en cada aplicación que hacemos en el curso, esto incluye pruebas en componentes, hooks, customHooks, context, Redux, Fetch, mocks, spies, snapshots y mucho más relacionado al unit test.Sin olvidar que todos empezamos de cero en un momento, el curso cuenta con una introducción a los conceptos que necesitaremos para entrar en React de la forma más cómoda posible.Este curso cuenta con mas de 400 lecciones y más de 40 horas de video haciendo aplicaciones y pruebas distintas que nos ayudará a alcanzar el objetivo de dominar React y otras tecnologías que lo rodean, hay muchas tareas y ejercicios que te ayudarán a asimilar los conocimientos necesarios para ser un FullStack Developer utilizando React y Node en el Backend junto con Mongo y Firestore como bases de datos.Este es un listado de varios de los temas que tocamos en el curso:React a profundidadHooks y Hooks personalizadosFunctional ComponentsHOC - higher-order componentsContext APIReduxMERN - Mongo + Express + React + NodeRouterDiseños diferentes en diferentes rutasBootstrapMongooseJWT y su re-validaciónEncriptación de contraseñasGoogle Sign-inAutenticación personalizadaUnit TestPruebas especializadas en cada aplicación terminadaDespliegues a producciónEnzymeJestReact Testing LibraryMocksAnimaciones en componentesHistoryQueryStringsHeroku y Heroku LogsGit y GithubRedux DevToolsReact DevToolsY mucho más!Este curso es para todas las personas que quieran aprender React, quieran pasar de Class Base Componentes a Functional Components, quieran especializarse en pruebas, entrar en Redux, Firebase, Context o simplemente aprender algo nuevo de manera completa y funciona.

Overview

Section 1: Introducción

Lecture 1 Introducción al curso

Lecture 2 ¿Cómo funcionará el curso?

Lecture 3 ¿Cómo hacer preguntas?

Lecture 4 Instalaciones necesarias y recomendadas

Section 2: Introducción a React y conceptos generales

Lecture 5 Introducción a la sección

Lecture 6 Temas puntuales de la sección

Lecture 7 ¿Qué es React?

Lecture 8 Primeros pasos en React

Lecture 9 Introducción a Babel

Section 3: Introducción a JavaScript moderno

Lecture 10 Introducción a la sección

Lecture 11 Temas puntuales de la sección

Lecture 12 Inicio de proyecto - Bases de JavaScript

Lecture 13 Variables y constantes

Lecture 14 Template String

Lecture 15 Objetos lilterales

Lecture 16 Arreglos

Lecture 17 Funciones

Lecture 18 Desestructuación de Objetos

Lecture 19 Desestructuación de Arreglos

Lecture 20 Import, export y funciones comunes de arreglos

Lecture 21 Múltiples exportaciones y exportaciones por defecto

Lecture 22 Promesas

Lecture 23 Fetch API

Lecture 24 Async - Await

Lecture 25 Operador condicional ternario

Lecture 26 Nota sobre JavaScript

Lecture 27 Código fuente de la sección

Section 4: Primeros pasos en React

Lecture 28 Introducción a la sección

Lecture 29 Temas puntuales de la sección

Lecture 30 ¿Qué son los componentes?

Lecture 31 Primera aplicación de React

Lecture 32 Estructura de directorios - CRA

Lecture 33 Estructura de directorios - Vite

Lecture 34 Hola Mundo en React

Lecture 35 Nuestro primer Componente

Lecture 36 Tarea - Crear un nuevo componente

Lecture 37 Retornar elementos en el Componente - Fragment

Lecture 38 Impresión de variables en el HTML

Lecture 39 Colocar estilos de CSS

Lecture 40 Comunicación entre componentes - Props

Lecture 41 PropTypes

Lecture 42 DefaultProps

Lecture 43 Tarea - Componente CounterApp

Lecture 44 Evento click (Eventos en general)

Lecture 45 useState - Hook

Lecture 46 handleSubtract y handleReset

Lecture 47 Código fuente de la sección

Section 5: Pruebas unitarias y de integración - Probando las secciones anteriores

Lecture 48 Introducción a la sección

Lecture 49 Temas puntuales de la sección

Lecture 50 Introducción a las pruebas unitarias y de integración

Lecture 51 Inicio de la sección - Pruebas sobre lo aprendido anteriormente

Lecture 52 Mi primera prueba y configuraciones iniciales

Lecture 53 Jest - Expect - toBe

Lecture 54 Nota de Actualización - Extensión de archivos

Lecture 55 Pruebas en el archivo 02-template-string.js

Lecture 56 toEqual

Lecture 57 Pruebas en el archivo 07-deses-arr.js

Lecture 58 Pruebas en 08-imp-exp.js - Arreglos

Lecture 59 Pruebas con tareas asíncronas

Lecture 60 Pruebas con async-await

Lecture 61 Evaluar el Catch en el async-await

Lecture 62 Pruebas sobre componentes de React

Lecture 63 Pruebas en FirstApp - Componentes de React

Lecture 64 Probar FirstApp

Lecture 65 getByTestId y otras props

Lecture 66 Screen - Testing Library

Lecture 67 Pruebas básicas del CounterApp

Lecture 68 Simular eventos - Click

Lecture 69 Código fuente de la sección

Section 6: GifExpertApp - Aplicación

Lecture 70 Introducción a la sección

Lecture 71 Temas puntuales de la sección

Lecture 72 Resultado al final de la sección

Lecture 73 Inicio de proyecto - GifExpertApp

Lecture 74 GifExpertApp - Component

Lecture 75 Creando una lista de categorias

Lecture 76 Agregar una nueva categoría

Lecture 77 Componente AddCategory

Lecture 78 Comunicación entre componentes

Lecture 79 Emitir un evento al padre

Lecture 80 Validar que sean únicos los nombres

Lecture 81 GifGrid - Nuevo componente

Lecture 82 Fetch API - Obtener las imágenes deseadas

Lecture 83 useEffect

Lecture 84 Demostración de producción rápido

Lecture 85 Mostrar los títulos de las imágenes

Lecture 86 className - Clases de css

Lecture 87 Custom Hook - useFetchGifs

Lecture 88 Mostrar mensaje de carga

Lecture 89 Archivos de barril

Lecture 90 Código fuente de la sección

Section 7: Generando el build de producción y despliegues

Lecture 91 Introducción a la sección

Lecture 92 Temas puntuales de la sección

Lecture 93 Desplegar en Netlify

Lecture 94 Preparación del proyecto - Github Pages

Lecture 95 Subir a GitHub

Lecture 96 Desplegando aplicación en Github Pages

Lecture 97 Actualizar Github pages

Section 8: Testing - Probando la aplicación de GifExpert

Lecture 98 Introducción a la sección

Lecture 99 Temas puntuales de la sección

Lecture 100 Configurar el ambiente de pruebas

Lecture 101 Implementando PropTypes

Lecture 102 Resolución de la tarea

Lecture 103 Pruebas del componente - GifGridItem

Lecture 104 Pruebas en el helper getGifs

Lecture 105 Pruebas del componente - AddCategory

Lecture 106 Simular un submit del formulario

Lecture 107 Jest Functions

Lecture 108 Pruebas del componente GifGrid - Mock customHook

Lecture 109 Hacer un mock completo de un Custom Hook

Lecture 110 Pruebas sobre customHooks

Lecture 111 Pruebas de tarea

Lecture 112 Código fuente de la sección

Section 9: Profundizando Hooks - Generales

Lecture 113 Introducción a la sección

Lecture 114 Temas puntuales de la sección

Lecture 115 Inicio de proyecto - HooksApp

Lecture 116 useState

Lecture 117 useCounter - CustomHook

Lecture 118 Exponer métodos del Hook

Lecture 119 useEffect - SimpleForm

Lecture 120 Dependencias del useEffect

Lecture 121 useEffect unmount - Cleanup

Lecture 122 useEffect - Precauciones

Lecture 123 Formulario con custom Hook

Lecture 124 Tarea - Implementar funcionalidad de Reset

Lecture 125 useFetch - CustomHook

Lecture 126 useFetch + useCounter

Lecture 127 Conectando ambos Hooks

Lecture 128 Optimizaciones al código anterior

Lecture 129 useRef - Primer uso

Lecture 130 useLayoutEffect

Lecture 131 Memo - Método de React

Lecture 132 useMemo

Lecture 133 useCallback

Lecture 134 useCallback con argumentos

Lecture 135 Tarea Memorize

Lecture 136 Código fuente de la sección

Section 10: Profundizando Hooks - useReducer

Lecture 137 Introducción a la sección

Lecture 138 Temas puntuales de la sección

Lecture 139 Introducción al concepto de un reducer

Lecture 140 Continuación del Proyecto - HookApp

Lecture 141 Idea general de un reducer - Vía código

Lecture 142 useReducer - Todo List

Lecture 143 Creando el cascarón de la lista de TODOs

Lecture 144 Tarea: Crear componentes y emitir eventos

Lecture 145 Resolución de la tarea - TodoApp

Lecture 146 Agregar un nuevo TODO

Lecture 147 Guardar y Leer TODOs en LocalStorage

Lecture 148 Borrar un TODO

Lecture 149 Toggle Todo - Marcar como completado o pendiente un TODO

Lecture 150 Tarea - useTodo

Lecture 151 Resolución de la tarea - useTodos

Lecture 152 Código fuente de la sección

Section 11: Profundizando Hooks - useContext

Lecture 153 Introducción a la sección

Lecture 154 Temas puntuales de la sección

Lecture 155 Introducción al Context

Lecture 156 Preparación de nuestra aplicación con rutas

Lecture 157 Configurar Router en React

Lecture 158 Link

Lecture 159 NavLink

Lecture 160 CreateContext y ContextProvider

Lecture 161 useContext

Lecture 162 Código fuente de la sección

Section 12: Pruebas unitarias y de integración - Hooks

Lecture 163 Introducción a la sección

Lecture 164 Temas puntuales de la sección

Lecture 165 Inicio de proyecto - Pruebas sobre Hooks

Lecture 166 Pruebas sobre useCounter - CustomHook

Lecture 167 Ejecutar funciones del customHook dentro de las pruebas

Lecture 168 Pruebas sobre useForm - CustomHook

Lecture 169 Pruebas con múltiples hooks simultáneos

Lecture 170 Evaluar respuesta del useFetch

Lecture 171 Pruebas sobre el Reducer

Lecture 172 Resolución de la tarea

Lecture 173 Pruebas en el componente TodoItem

Lecture 174 Pruebas en los eventos del TodoItem

Lecture 175 Pruebas en el TodoApp

Lecture 176 Pruebas con useContext

Lecture 177 Pruebas de funciones del context

Lecture 178 Pruebas generales en nuestro AppRouter

Lecture 179 Código fuente de la sección

Section 13: Bonus: Repositorio de Custom Hooks

Lecture 180 Introducción a la sección

Lecture 181 Temas puntuales de la sección

Lecture 182 Repositorio con customHooks

Lecture 183 Mejorando la estructura y ayuda de los Hooks

Lecture 184 Código fuente de la sección

Section 14: HeroesApp - Single Page Application (SPA)

Lecture 185 Introducción a la sección

Lecture 186 Temas puntuales de la sección

Lecture 187 Demostración del objetivo al final de la sección

Lecture 188 Inicio de proyecto - HeroesApp

Lecture 189 Nota de Actualización - React Router Docs

Lecture 190 Creando un primer Router

Lecture 191 Colocar clase de la ruta activa

Lecture 192 Creando un segundo Router

Lecture 193 Navigate push / replace - useNavigate

Lecture 194 Lista de Heroes

Lecture 195 Tarjetas con la información del Héroe

Lecture 196 Tarjeta del Héroe - parte 2

Lecture 197 Leer argumentos por URL

Lecture 198 Estilo del componente HeroScreen

Lecture 199 Nota: useMemo

Lecture 200 Animaciones en nuestro componente

Lecture 201 Diseño de la pantalla de búsqueda

Lecture 202 SearchComponent

Lecture 203 Mostrar listado de héroes

Lecture 204 Mostrar mensajes condicionales

Lecture 205 Código fuente de la sección

Section 15: Protección de rutas

Lecture 206 Introducción a la sección

Lecture 207 Temas puntuales de la sección

Lecture 208 Demostración del objetivo al final de la sección

Lecture 209 Continuación de proyecto - Protección de Rutas

Lecture 210 Context y Reducer de mi aplicación

Lecture 211 Login de un usuario

Lecture 212 Mantener el usuario activo

Lecture 213 Logout del usuario

Lecture 214 Rutas privadas

Lecture 215 Rutas públicas

Lecture 216 Recordar la última página visitada

Lecture 217 Nota de actualización - Error imágenes producción

Lecture 218 Código fuente de la sección

Section 16: Pruebas de nuestra aplicación de Heroes

Lecture 219 Introducción a la sección

Lecture 220 Temas puntuales de la sección

Lecture 221 Inicio de la sección - Pruebas en HeroApp

Lecture 222 Pruebas en el authReducer

Lecture 223 Pruebas sobre los Types

Lecture 224 Pruebas en el PublicRoute

Lecture 225 Pruebas en el PublicRoute - Parte 2

Lecture 226 Pruebas en el PrivateRoute

Lecture 227 Pruebas en el AppRouter

Lecture 228 Pruebas en el NavBar

Lecture 229 Solución de la tarea

Lecture 230 Pruebas en el SearchScreen

Lecture 231 Pruebas con los queryParameters

Lecture 232 Tarea - requireActual

Lecture 233 Resumen de las pruebas realizadas

Lecture 234 Código fuente de la sección

Section 17: JournalApp - MaterialUI - Estructura y Diseño

Lecture 235 Temas puntuales de la sección

Lecture 236 Demostración del objetivo final de la sección

Lecture 237 Inicio de proyecto - JournalApp

Lecture 238 Configuración de Rutas principales y secundarias

Lecture 239 Nota importante

Lecture 240 Instalación de Material UI

Lecture 241 Configuración de MUI con Vite

Lecture 242 LoginPage - Diseño sin Layout

Lecture 243 LoginPage - Diseño - Segunda Parte

Lecture 244 AuthLayout

Lecture 245 RegisterPage - Diseño

Lecture 246 JournalLayout y JournalPage

Lecture 247 NavBar

Lecture 248 SideBar

Lecture 249 NothingSelectedView - No hay nada seleccionado

Lecture 250 NoteView

Lecture 251 ImageList - Galería de imágenes

Lecture 252 Boton Flotante

Lecture 253 Código fuente de la sección

Section 18: Redux - ¿Qué es y conceptos? + React Redux

Lecture 254 Introducción a la sección

Lecture 255 Temas puntuales de la sección

Lecture 256 Explicación visual del patrón Redux

Lecture 257 Redux, React Redux y RTK Query

Lecture 258 Inicio de proyecto - Redux-Tool

Lecture 259 ConfigureStore y Slices

Lecture 260 Usar valores del store y despachar acciones

Lecture 261 Tarea - decrement e incrementBy

Lecture 262 Snippet y Gists de Slice

Lecture 263 pokemonSlice

Lecture 264 Thunks

Lecture 265 Axios

Lecture 266 Mostrar los pokemons paginadamente

Lecture 267 RTK Query

Lecture 268 Consumir el API mediante el custom hook

Lecture 269 Obtener un Todo por ID

Lecture 270 Código fuente de la sección

Section 19: Introducción a Redux y autenticación en Firebase

Lecture 271 Introducción a la sección

Lecture 272 Temas puntuales de la sección

Lecture 273 Demostración del objetivo final de la sección

Lecture 274 Configurando Redux en nuestra aplicación

Lecture 275 Configurar el AuthSlice

Lecture 276 Manejo del formulario de login

Lecture 277 Configuración inicial de Firebase

Lecture 278 Google SignIn - Firebase

Lecture 279 Disparar acción de autenticación

Lecture 280 Formulario de registro de usuarios

Lecture 281 Manejo de errores del formulario

Lecture 282 Validar desde nuestro custom hook

Lecture 283 Mostrar errores en pantalla

Lecture 284 Crear usuario con email y password

Lecture 285 Actualizar el displayName y autenticar el usuario

Lecture 286 Mostrar el mensaje de error de autenticación

Lecture 287 Realizar el login de usuario con correo y contraseña

Lecture 288 Resolución de la tarea - Login de usuario

Lecture 289 Checking Authentication

Lecture 290 Mantener el estado de la autenticación al recargar

Lecture 291 Custom Hook para autenticación

Lecture 292 Logout de Firebase

Lecture 293 Animaciones para la aplicación

Lecture 294 Código fuente de la sección

Section 20: JournalApp - Redux - CRUD en Firestore y subida de archivos

Lecture 295 Introducción a la sección

Lecture 296 Temas puntuales de la sección

Lecture 297 Continuación del proyecto - JournalApp

Lecture 298 JournalSlice

Lecture 299 Preparar la base de datos - CloudFirestore

Lecture 300 Crear una nueva nota

Lecture 301 Activar la nota creada

Lecture 302 Cargar notas de Firestore

Lecture 303 Mostrar las notas en el menú lateral

Lecture 304 Activar una nota

Lecture 305 Activar una nota para su edición

Lecture 306 Actualizar la nota actual

Lecture 307 Resolución de la tarea

Lecture 308 SweetAlert 2

Lecture 309 Cloudinary.com - Backend para subir imágenes

Lecture 310 Seleccionar archivos desde React

Lecture 311 Subir imagen a Cloudinary

Lecture 312 Múltiples peticiones de forma simultánea

Lecture 313 Mostrar las imagenes cargadas

Lecture 314 Corregir un posible error

Lecture 315 Limpiar notas al cerrar sesión

Lecture 316 Borrar una nota

Lecture 317 Nota deploy en Vercel

Lecture 318 Código fuente de la sección

Section 21: Pruebas con Redux, Firebase, Firestore y autenticación

Lecture 319 Introducción a la sección

Lecture 320 Temas puntuales de la sección

Lecture 321 Configuración de Testing en Vite

Lecture 322 Continuación de proyecto - JournalTesting

Lecture 323 Configuración del testing

Lecture 324 Pruebas de carga de archivos

Lecture 325 Cloudinary SDK - Delete image

Lecture 326 Pruebas con los Slices de Redux Toolkit

Lecture 327 Pruebas faltantes con el authSlice

Lecture 328 Pruebas sobre Thunks

Lecture 329 Thunks - checkingCredentials correcto e incorrecto

Lecture 330 Thunks - startLoginWithEmailPassword

Lecture 331 Pruebas en Journal Thunks

Lecture 332 Crear base de datos de testing

Lecture 333 Prueba completa sobre inserción

Lecture 334 Variables de entorno

Lecture 335 Variables de entorno Testing y Development

Lecture 336 Configurar variables de entorno de Firebase

Lecture 337 Pruebas en el LoginPage

Lecture 338 Botón de Google debe de llamar startGoogleSignIn

Lecture 339 Mocks de useDispatch

Lecture 340 Disparar el submit del formulario

Lecture 341 Dispatch con valores específicos

Lecture 342 Código fuente de la sección

Section 22: MERN Calendar - Estructura y Diseño

Lecture 343 Introducción a la sección

Lecture 344 Temas puntuales de la sección

Lecture 345 Demostración del objetivo final de la sección

Lecture 346 Inicio de proyecto - MERN-Calendar

Lecture 347 Rutas de la aplicación

Lecture 348 LoginScreen y Navbar

Lecture 349 React Big Calendar

Lecture 350 Configuraciones adicionales al calendario

Lecture 351 Personalizar el cuadro de evento

Lecture 352 Escuchar eventos del calendario

Lecture 353 Creando un modal sobre el calendario

Lecture 354 Contenido del Modal

Lecture 355 Datepicker en español

Lecture 356 Obtener la información del formulario del evento

Lecture 357 Validaciones del formulario

Lecture 358 Instalación y configuración de Redux

Lecture 359 Mostrar y ocultar modal en base al Store

Lecture 360 CalendarSlice

Lecture 361 Cargar un evento en el modal

Lecture 362 Preparar la creación de un nuevo evento

Lecture 363 Añadir un nuevo evento

Lecture 364 Editar el evento activo

Lecture 365 Eliminar evento

Lecture 366 Redux - serializableCheck

Lecture 367 Código fuente de la sección

Section 23: CalendarApp - Backend - Node, Express, Mongo

Lecture 368 Introducción a la sección

Lecture 369 Temas puntuales de la sección

Lecture 370 Objetivo al final de la sección

Lecture 371 Inicio de proyecto - CalendarApp Node Backend

Lecture 372 Configurando Express

Lecture 373 Variables de entorno y carpeta pública

Lecture 374 Creando las rutas relacionadas a usuarios

Lecture 375 Endpoints de remover, crear y login

Lecture 376 Recuperar información de un posteo

Lecture 377 Express Validator

Lecture 378 Custom Middlewares

Lecture 379 Configuración de base de datos

Lecture 380 Conectar Node a Mongo Atlas

Lecture 381 Crear un usuario en nuestra Base de Datos

Lecture 382 Validaciones del usuario

Lecture 383 Encriptar la contraseña

Lecture 384 Login de usuario

Lecture 385 Generar un Json Web Token

Lecture 386 Revalidar JWT

Lecture 387 Configurar CORS

Lecture 388 Código fuente de la sección

Section 24: Backend - Eventos del calendario - CRUD

Lecture 389 Introducción a la sección

Lecture 390 Temas puntuales de la sección

Lecture 391 Continuación del proyecto - Calendar Backend

Lecture 392 Resolución de la tarea - CRUD

Lecture 393 Modelo Evento

Lecture 394 Validar campos necesarios

Lecture 395 Grabar el evento en la base de datos

Lecture 396 Obtener el listado de los Eventos

Lecture 397 Actualizar un Evento

Lecture 398 Eliminar Eventos

Lecture 399 Código fuente de la sección

Section 25: Despliegue del backend en Heroku

Lecture 400 Introducción a la sección

Lecture 401 Temas puntuales de la sección

Lecture 402 Despliegues en Heroku

Lecture 403 Montar la aplicación en Heroku

Section 26: MERN - Calendario + Backend

Lecture 404 Introducción a la sección

Lecture 405 Temas puntuales de la sección

Lecture 406 Continuación de proyecto - Calendar + Backend

Lecture 407 Creando variables de entorno

Lecture 408 AuthSlice

Lecture 409 useForm - Login y Registro

Lecture 410 Axios - Configurar cliente para peticiones HTTP

Lecture 411 Realizar login de usuario

Lecture 412 Despachar acciones respectivas

Lecture 413 Mostrar error en la autenticación

Lecture 414 Creación de un nuevo usuario

Lecture 415 Mantener el estado de la autenticación

Lecture 416 Cambiar el URL después de una autenticación

Lecture 417 Logout y nombre de usuario

Lecture 418 Código fuente de la sección

Section 27: MERN CRUD - Eventos del calendario

Lecture 419 Introducción a la sección

Lecture 420 Temas puntuales de la sección

Lecture 421 Continuación de proyecto - Calendar CRUD de Eventos

Lecture 422 Creando un nuevo Evento en el calendario

Lecture 423 Mostrar eventos de la base de datos

Lecture 424 Cargar los eventos al store

Lecture 425 Actualizar el evento

Lecture 426 Cambiar el color de los eventos según usuario

Lecture 427 Eliminar un evento

Lecture 428 Limpiar información del calendario

Lecture 429 Código fuente de la sección

Section 28: Fin el MERN - Desplegarlo a producción

Lecture 430 Introducción a la sección

Lecture 431 Temas puntuales de la sección

Lecture 432 Generar versión de producción y desplegarla en Heroku

Lecture 433 Corregir la ruta en Express y HashRouter

Section 29: Pruebas unitarias y de integración - MERN

Lecture 434 Introducción a la sección

Lecture 435 Temas puntuales de la sección

Lecture 436 Inicio de pruebas - CalendarApp

Lecture 437 Pruebas con la configuración de Axios

Lecture 438 Pruebas en uiSlice

Lecture 439 Pruebas en authSlice

Lecture 440 Probando estados y acciones del authSlice

Lecture 441 Calendar Fixtures

Lecture 442 Pruebas en el calendarSlice

Lecture 443 Tarea - onDeleteEvent y onLogoutCalendar

Lecture 444 Pruebas en FabDelete - incompleta

Lecture 445 Pruebas en el useUiStore

Lecture 446 Probando funciones conectadas al store

Lecture 447 Pruebas faltantes del useUiStore

Lecture 448 Inicio de pruebas en useAuthStore

Lecture 449 startLogin debe de realizar el login correctamente

Lecture 450 startLogin debe de fallar la autenticación

Lecture 451 startRegister debe de crear un usuario

Lecture 452 startRegister debe de fallar la creación

Lecture 453 checkAuthToken debe de fallar si no hay token

Lecture 454 Pruebas en el componente FabDelete

Lecture 455 Pruebas restantes del FabDelete

Lecture 456 Pruebas en el AppRouter

Lecture 457 debe de mostrar el login en caso de no estar autenticado

Lecture 458 Pruebas con componentes de terceros

Lecture 459 Código fuente de la sección

Section 30: Fin del curso

Lecture 460 Presentaciones utilizadas

Lecture 461 Más información para seguir aprendiendo

Lecture 462 Youtube playlist de React + TypeScript

Lecture 463 ¿Quiéres seguir aprendiendo más de React?

Lecture 464 Despedida del curso

Section 31: Archivado - Heroes App - Router Versión 5

Lecture 465 Demostración del objetivo final de la sección

Lecture 466 Inicio de proyecto - HeroesApp

Lecture 467 Creando un primer Router

Lecture 468 Creando un segundo Router

Lecture 469 History push / replace

Lecture 470 Lista de Heroes

Lecture 471 Tarjetas con la información del Héroe

Lecture 472 Leer argumentos por URL

Lecture 473 Estilo del componente HeroScreen

Lecture 474 Nota useMemo

Lecture 475 Animaciones en nuestro componente

Lecture 476 SearchComponent

Lecture 477 Aplicar filtro de Heroes

Lecture 478 Aplicar filtro en base al QueryString

Lecture 479 Código fuente de la sección

Section 32: Archivado - Rutas Protegidas - Router Versión 5

Lecture 480 Demostración del objetivo al final de la sección

Lecture 481 Inicio de proyecto - Protección de Rutas

Lecture 482 Context y Reducer de mi aplicación

Lecture 483 Login de un usuario

Lecture 484 Logout del usuario

Lecture 485 Rutas privadas

Lecture 486 Rutas públicas

Lecture 487 Recordar la última página visitada

Lecture 488 Código fuente de la sección

Section 33: Archivado - Pruebas con Router V5

Lecture 489 Inicio de la sección - Pruebas en HeroApp

Lecture 490 Pruebas en el authReducer

Lecture 491 Pruebas en el PrivateRoute

Lecture 492 Probar que el localStorage sea llamado con argumentos

Lecture 493 Probar que el PrivateRoute no muestre el componente

Lecture 494 Pruebas en el componente AppRouter

Lecture 495 Pruebas en el componente DashboardRoutes

Lecture 496 Pruebas en el componente Navbar

Lecture 497 Pruebas en el componente HeroScreen

Lecture 498 Simular segmentos del URL en nuestras pruebas

Lecture 499 Pruebas en el componente LoginScreen

Lecture 500 Pruebas en el componente SearchScreen

Lecture 501 Pruebas faltantes del componente SearchScreen

Lecture 502 Código fuente de la sección

Personas que quieran aprender React de cero,Personas que conozcan React pero quieran mejorar sus habilidades,Personas que quieran dominar las pruebas unitarias y de integración,Personas que quieran dominar los hooks de React