React: De Cero A Experto ( Hooks Y Mern )

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 Creando un primer Router

Lecture 190 Colocar clase de la ruta activa

Lecture 191 Creando un segundo Router

Lecture 192 Navigate push / replace - useNavigate

Lecture 193 Lista de Heroes

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

Lecture 195 Tarjeta del Héroe - parte 2

Lecture 196 Leer argumentos por URL

Lecture 197 Estilo del componente HeroScreen

Lecture 198 Nota: useMemo

Lecture 199 Animaciones en nuestro componente

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

Lecture 201 SearchComponent

Lecture 202 Mostrar listado de héroes

Lecture 203 Mostrar mensajes condicionales

Lecture 204 Código fuente de la sección

Section 15: Protección de rutas

Lecture 205 Introducción a la sección

Lecture 206 Temas puntuales de la sección

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

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

Lecture 209 Context y Reducer de mi aplicación

Lecture 210 Login de un usuario

Lecture 211 Mantener el usuario activo

Lecture 212 Logout del usuario

Lecture 213 Rutas privadas

Lecture 214 Rutas públicas

Lecture 215 Recordar la última página visitada

Lecture 216 Código fuente de la sección

Section 16: Pruebas de nuestra aplicación de Heroes

Lecture 217 Introducción a la sección

Lecture 218 Temas puntuales de la sección

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

Lecture 220 Pruebas en el authReducer

Lecture 221 Pruebas sobre los Types

Lecture 222 Pruebas en el PublicRoute

Lecture 223 Pruebas en el PublicRoute - Parte 2

Lecture 224 Pruebas en el PrivateRoute

Lecture 225 Pruebas en el AppRouter

Lecture 226 Pruebas en el NavBar

Lecture 227 Solución de la tarea

Lecture 228 Pruebas en el SearchScreen

Lecture 229 Pruebas con los queryParameters

Lecture 230 Tarea - requireActual

Lecture 231 Resumen de las pruebas realizadas

Lecture 232 Código fuente de la sección

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

Lecture 233 Temas puntuales de la sección

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

Lecture 235 Inicio de proyecto - JournalApp

Lecture 236 Configuración de Rutas principales y secundarias

Lecture 237 Nota importante

Lecture 238 Instalación de Material UI

Lecture 239 Configuración de MUI con Vite

Lecture 240 LoginPage - Diseño sin Layout

Lecture 241 LoginPage - Diseño - Segunda Parte

Lecture 242 AuthLayout

Lecture 243 RegisterPage - Diseño

Lecture 244 JournalLayout y JournalPage

Lecture 245 NavBar

Lecture 246 SideBar

Lecture 247 NothingSelectedView - No hay nada seleccionado

Lecture 248 NoteView

Lecture 249 ImageList - Galería de imágenes

Lecture 250 Boton Flotante

Lecture 251 Código fuente de la sección

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

Lecture 252 Introducción a la sección

Lecture 253 Temas puntuales de la sección

Lecture 254 Explicación visual del patrón Redux

Lecture 255 Redux, React Redux y RTK Query

Lecture 256 Inicio de proyecto - Redux-Tool

Lecture 257 ConfigureStore y Slices

Lecture 258 Usar valores del store y despachar acciones

Lecture 259 Tarea - decrement e incrementBy

Lecture 260 Snippet y Gists de Slice

Lecture 261 pokemonSlice

Lecture 262 Thunks

Lecture 263 Axios

Lecture 264 Mostrar los pokemons paginadamente

Lecture 265 RTK Query

Lecture 266 Consumir el API mediante el custom hook

Lecture 267 Obtener un Todo por ID

Lecture 268 Código fuente de la sección

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

Lecture 269 Introducción a la sección

Lecture 270 Temas puntuales de la sección

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

Lecture 272 Configurando Redux en nuestra aplicación

Lecture 273 Configurar el AuthSlice

Lecture 274 Manejo del formulario de login

Lecture 275 Configuración inicial de Firebase

Lecture 276 Google SignIn - Firebase

Lecture 277 Disparar acción de autenticación

Lecture 278 Formulario de registro de usuarios

Lecture 279 Manejo de errores del formulario

Lecture 280 Validar desde nuestro custom hook

Lecture 281 Mostrar errores en pantalla

Lecture 282 Crear usuario con email y password

Lecture 283 Actualizar el displayName y autenticar el usuario

Lecture 284 Mostrar el mensaje de error de autenticación

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

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

Lecture 287 Checking Authentication

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

Lecture 289 Custom Hook para autenticación

Lecture 290 Logout de Firebase

Lecture 291 Animaciones para la aplicación

Lecture 292 Código fuente de la sección

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

Lecture 293 Introducción a la sección

Lecture 294 Temas puntuales de la sección

Lecture 295 Continuación del proyecto - JournalApp

Lecture 296 JournalSlice

Lecture 297 Preparar la base de datos - CloudFirestore

Lecture 298 Crear una nueva nota

Lecture 299 Activar la nota creada

Lecture 300 Cargar notas de Firestore

Lecture 301 Mostrar las notas en el menú lateral

Lecture 302 Activar una nota

Lecture 303 Activar una nota para su edición

Lecture 304 Actualizar la nota actual

Lecture 305 Resolución de la tarea

Lecture 306 SweetAlert 2

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

Lecture 308 Seleccionar archivos desde React

Lecture 309 Subir imagen a Cloudinary

Lecture 310 Múltiples peticiones de forma simultánea

Lecture 311 Mostrar las imagenes cargadas

Lecture 312 Corregir un posible error

Lecture 313 Limpiar notas al cerrar sesión

Lecture 314 Borrar una nota

Lecture 315 Nota deploy en Vercel

Lecture 316 Código fuente de la sección

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

Lecture 317 Introducción a la sección

Lecture 318 Temas puntuales de la sección

Lecture 319 Configuración de Testing en Vite

Lecture 320 Continuación de proyecto - JournalTesting

Lecture 321 Configuración del testing

Lecture 322 Pruebas de carga de archivos

Lecture 323 Cloudinary SDK - Delete image

Lecture 324 Pruebas con los Slices de Redux Toolkit

Lecture 325 Pruebas faltantes con el authSlice

Lecture 326 Pruebas sobre Thunks

Lecture 327 Thunks - checkingCredentials correcto e incorrecto

Lecture 328 Thunks - startLoginWithEmailPassword

Lecture 329 Pruebas en Journal Thunks

Lecture 330 Crear base de datos de testing

Lecture 331 Prueba completa sobre inserción

Lecture 332 Variables de entorno

Lecture 333 Variables de entorno Testing y Development

Lecture 334 Configurar variables de entorno de Firebase

Lecture 335 Pruebas en el LoginPage

Lecture 336 Botón de Google debe de llamar startGoogleSignIn

Lecture 337 Mocks de useDispatch

Lecture 338 Disparar el submit del formulario

Lecture 339 Dispatch con valores específicos

Lecture 340 Código fuente de la sección

Section 22: MERN Calendar - Estructura y Diseño

Lecture 341 Introducción a la sección

Lecture 342 Temas puntuales de la sección

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

Lecture 344 Inicio de proyecto - MERN-Calendar

Lecture 345 Rutas de la aplicación

Lecture 346 LoginScreen y Navbar

Lecture 347 React Big Calendar

Lecture 348 Configuraciones adicionales al calendario

Lecture 349 Personalizar el cuadro de evento

Lecture 350 Escuchar eventos del calendario

Lecture 351 Creando un modal sobre el calendario

Lecture 352 Contenido del Modal

Lecture 353 Datepicker en español

Lecture 354 Obtener la información del formulario del evento

Lecture 355 Validaciones del formulario

Lecture 356 Instalación y configuración de Redux

Lecture 357 Mostrar y ocultar modal en base al Store

Lecture 358 CalendarSlice

Lecture 359 Cargar un evento en el modal

Lecture 360 Preparar la creación de un nuevo evento

Lecture 361 Añadir un nuevo evento

Lecture 362 Editar el evento activo

Lecture 363 Eliminar evento

Lecture 364 Redux - serializableCheck

Lecture 365 Código fuente de la sección

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

Lecture 366 Introducción a la sección

Lecture 367 Temas puntuales de la sección

Lecture 368 Objetivo al final de la sección

Lecture 369 Inicio de proyecto - CalendarApp Node Backend

Lecture 370 Configurando Express

Lecture 371 Variables de entorno y carpeta pública

Lecture 372 Creando las rutas relacionadas a usuarios

Lecture 373 Endpoints de remover, crear y login

Lecture 374 Recuperar información de un posteo

Lecture 375 Express Validator

Lecture 376 Custom Middlewares

Lecture 377 Configuración de base de datos

Lecture 378 Conectar Node a Mongo Atlas

Lecture 379 Crear un usuario en nuestra Base de Datos

Lecture 380 Validaciones del usuario

Lecture 381 Encriptar la contraseña

Lecture 382 Login de usuario

Lecture 383 Generar un Json Web Token

Lecture 384 Revalidar JWT

Lecture 385 Configurar CORS

Lecture 386 Código fuente de la sección

Section 24: Backend - Eventos del calendario - CRUD

Lecture 387 Introducción a la sección

Lecture 388 Temas puntuales de la sección

Lecture 389 Continuación del proyecto - Calendar Backend

Lecture 390 Resolución de la tarea - CRUD

Lecture 391 Modelo Evento

Lecture 392 Validar campos necesarios

Lecture 393 Grabar el evento en la base de datos

Lecture 394 Obtener el listado de los Eventos

Lecture 395 Actualizar un Evento

Lecture 396 Eliminar Eventos

Lecture 397 Código fuente de la sección

Section 25: Despliegue del backend en Heroku

Lecture 398 Introducción a la sección

Lecture 399 Temas puntuales de la sección

Lecture 400 Despliegues en Heroku

Lecture 401 Montar la aplicación en Heroku

Section 26: MERN - Calendario + Backend

Lecture 402 Introducción a la sección

Lecture 403 Temas puntuales de la sección

Lecture 404 Continuación de proyecto - Calendar + Backend

Lecture 405 Creando variables de entorno

Lecture 406 AuthSlice

Lecture 407 useForm - Login y Registro

Lecture 408 Axios - Configurar cliente para peticiones HTTP

Lecture 409 Realizar login de usuario

Lecture 410 Despachar acciones respectivas

Lecture 411 Mostrar error en la autenticación

Lecture 412 Creación de un nuevo usuario

Lecture 413 Mantener el estado de la autenticación

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

Lecture 415 Logout y nombre de usuario

Lecture 416 Código fuente de la sección

Section 27: MERN CRUD - Eventos del calendario

Lecture 417 Introducción a la sección

Lecture 418 Temas puntuales de la sección

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

Lecture 420 Creando un nuevo Evento en el calendario

Lecture 421 Mostrar eventos de la base de datos

Lecture 422 Cargar los eventos al store

Lecture 423 Actualizar el evento

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

Lecture 425 Eliminar un evento

Lecture 426 Limpiar información del calendario

Lecture 427 Código fuente de la sección

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

Lecture 428 Introducción a la sección

Lecture 429 Temas puntuales de la sección

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

Lecture 431 Corregir la ruta en Express y HashRouter

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

Lecture 432 Introducción a la sección

Lecture 433 Temas puntuales de la sección

Lecture 434 Inicio de pruebas - CalendarApp

Lecture 435 Pruebas con la configuración de Axios

Lecture 436 Pruebas en uiSlice

Lecture 437 Pruebas en authSlice

Lecture 438 Probando estados y acciones del authSlice

Lecture 439 Calendar Fixtures

Lecture 440 Pruebas en el calendarSlice

Lecture 441 Tarea - onDeleteEvent y onLogoutCalendar

Lecture 442 Pruebas en FabDelete - incompleta

Lecture 443 Pruebas en el useUiStore

Lecture 444 Probando funciones conectadas al store

Lecture 445 Pruebas faltantes del useUiStore

Lecture 446 Inicio de pruebas en useAuthStore

Lecture 447 startLogin debe de realizar el login correctamente

Lecture 448 startLogin debe de fallar la autenticación

Lecture 449 startRegister debe de crear un usuario

Lecture 450 startRegister debe de fallar la creación

Lecture 451 checkAuthToken debe de fallar si no hay token

Lecture 452 Pruebas en el componente FabDelete

Lecture 453 Pruebas restantes del FabDelete

Lecture 454 Pruebas en el AppRouter

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

Lecture 456 Pruebas con componentes de terceros

Lecture 457 Código fuente de la sección

Section 30: Fin del curso

Lecture 458 Presentaciones utilizadas

Lecture 459 Más información para seguir aprendiendo

Lecture 460 Youtube playlist de React + TypeScript

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

Lecture 462 Despedida del curso

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

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

Lecture 464 Inicio de proyecto - HeroesApp

Lecture 465 Creando un primer Router

Lecture 466 Creando un segundo Router

Lecture 467 History push / replace

Lecture 468 Lista de Heroes

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

Lecture 470 Leer argumentos por URL

Lecture 471 Estilo del componente HeroScreen

Lecture 472 Nota useMemo

Lecture 473 Animaciones en nuestro componente

Lecture 474 SearchComponent

Lecture 475 Aplicar filtro de Heroes

Lecture 476 Aplicar filtro en base al QueryString

Lecture 477 Código fuente de la sección

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

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

Lecture 479 Inicio de proyecto - Protección de Rutas

Lecture 480 Context y Reducer de mi aplicación

Lecture 481 Login de un usuario

Lecture 482 Logout del usuario

Lecture 483 Rutas privadas

Lecture 484 Rutas públicas

Lecture 485 Recordar la última página visitada

Lecture 486 Código fuente de la sección

Section 33: Archivado - Pruebas con Router V5

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

Lecture 488 Pruebas en el authReducer

Lecture 489 Pruebas en el PrivateRoute

Lecture 490 Probar que el localStorage sea llamado con argumentos

Lecture 491 Probar que el PrivateRoute no muestre el componente

Lecture 492 Pruebas en el componente AppRouter

Lecture 493 Pruebas en el componente DashboardRoutes

Lecture 494 Pruebas en el componente Navbar

Lecture 495 Pruebas en el componente HeroScreen

Lecture 496 Simular segmentos del URL en nuestras pruebas

Lecture 497 Pruebas en el componente LoginScreen

Lecture 498 Pruebas en el componente SearchScreen

Lecture 499 Pruebas faltantes del componente SearchScreen

Lecture 500 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