petrix12 / reacjs2022

Proyecto para seguir el cursos de React durante el año 2022.

Capacitación en React.js

React: De cero a experto (Hooks y MERN)

• URL del curso en Udemy
• URL del repositorio en GitHub

Curso complementario: React Desde Cero

Antes de iniciar:

1. Crear proyecto en la página de GitHub con el nombre: reacjs2022.
   • Description: Proyecto para seguir el cursos de React durante el año 2022.
   • Public.
2. En la ubicación raíz del proyecto en la terminal de la máquina local:
   • $ git init
   • $ git add .
   • $ git commit -m "Antes de iniciar"
   • $ git branch -M main
   • $ git remote add origin https://github.com/petrix12/reacjs2022.git
   • $ git push -u origin main

Contenido del curso

Sección 1: Introducción

1. Introducción al curso

2. ¿Cómo funcionará el curso?

3. ¿Cómo hacer preguntas?

4. Instalaciones necesarias y recomendadas

Sección 2: Introducción a React y conceptos generales

5. Introducción a la sección

6. Temas puntuales de la sección

7. ¿Qué es React?

8. Primeros pasos en React

9. Introducción a Babel

Sección 3: Introducción a JavaScript moderno

10. Introducción a la sección

11. Temas puntuales de la sección

12. Inicio de proyecto - Bases de JavaScript

13. Variables y constantes

14. Template String

15. Objetos lilterales

16. Arreglos

17. Funciones

18. Desestructuación de Objetos

19. Desestructuación de Arreglos

20. Import, export y funciones comunes de arreglos

21. Múltiples exportaciones y exportaciones por defecto

22. Promesas

23. Fetch API

24. Async - Await

25. Operador condicional ternario

26. Nota sobre JavaScript

27. Código fuente de la sección

• Código fuente:
  • https://github.com/Klerith/react-intro-javascript
  • recursos\seccion03\react-intro-javascript-master.zip

Sección 4: Primeros pasos en React

28. Introducción a la sección

29. Temas puntuales de la sección

30. ¿Qué son los componentes?

31. Primera aplicación de React

32. Estructura de directorios - CRA

33. Estructura de directorios - Vite

34. Hola Mundo en React

35. Nuestro primer Componente

36. Tarea - Crear un nuevo componente

37. Retornar elementos en el Componente - Fragment

38. Impresión de variables en el HTML

39. Colocar estilos de CSS

40. Comunicación entre componentes - Props

41. PropTypes

42. DefaultProps

43. Tarea - Componente CounterApp+

• https://gist.github.com/Klerith/e1a731cc595c00a9794a709062eae757
• recursos\seccion04\tarea.md.zip

44. Evento click (Eventos en general)

• https://es.reactjs.org/docs/events.html

45. useState - Hook

• https://es.reactjs.org/docs/hooks-intro.html
• https://github.com/Klerith/react-intro-javascript/blob/master/src/bases/07-deses-arr.js

46. handleSubtract y handleReset

47. Código fuente de la sección

• Código fuente de la sección: https://github.com/Klerith/react-vite-counter-app/tree/fin-seccion-4

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

48. Introducción a la sección

4 min Iniciar

49. Temas puntuales de la sección

1 min Reproducir

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

8 min Reproducir

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

4 min Reproducir

52. Mi primera prueba y configuraciones iniciales

11 min Reproducir

53. Jest - Expect - toBe

8 min Reproducir

54. Pruebas en el archivo 02-template-string.js

10 min Reproducir

55. toEqual

8 min Reproducir

56. Pruebas en el archivo 07-deses-arr.js

6 min Reproducir

57. Pruebas en 08-imp-exp.js - Arreglos

11 min Reproducir

58. Pruebas con tareas asíncronas

12 min Reproducir

59. Pruebas con async-await

12 min Reproducir

60. Evaluar el Catch en el async-await

3 min Reproducir

61. Pruebas sobre componentes de React

10 min Reproducir

62. Pruebas en FirstApp - Componentes de React

11 min Reproducir

63. Probar FirstApp

12 min Reproducir

64. getByTestId y otras props

8 min Reproducir

65. Screen - Testing Library

10 min Reproducir

66. Pruebas básicas del CounterApp

8 min Reproducir

67. Simular eventos - Click

14 min Iniciar

68. Código fuente de la sección

1 min Reproducir

69. Introducción a la sección

2 min Iniciar

Sección 6: GifExpertApp - Aplicación

70. Temas puntuales de la sección 1 min Reproducir
71. Resultado al final de la sección 3 min Reproducir
72. Inicio de proyecto - GifExpertApp 6 min Reproducir
73. GifExpertApp - Component 7 min Reproducir
74. Creando una lista de categorias 9 min Reproducir
75. Agregar una nueva categoría 7 min Reproducir
76. Componente AddCategory 13 min Reproducir
77. Comunicación entre componentes 9 min Reproducir
78. Emitir un evento al padre 7 min Reproducir
79. Validar que sean únicos los nombres 6 min Reproducir
80. GifGrid - Nuevo componente 7 min Reproducir
81. Fetch API - Obtener las imágenes deseadas 13 min Reproducir
82. useEffect 10 min Reproducir
83. Demostración de producción rápido 5 min Reproducir
84. Mostrar los títulos de las imágenes 8 min Reproducir
85. className - Clases de css 9 min Reproducir
86. Custom Hook - useFetchGifs 12 min Reproducir
87. Mostrar mensaje de carga 6 min Reproducir
88. Archivos de barril 5 min Iniciar
89. Código fuente de la sección 1 min Reproducir
90. Introducción a la sección 1 min Iniciar
91. Temas puntuales de la sección 1 min Reproducir
92. Desplegar en Netlify 8 min Reproducir
93. Preparación del proyecto - Github Pages 7 min Reproducir
94. Subir a GitHub 7 min Reproducir
95. Desplegando aplicación en Github Pages 6 min Reproducir
96. Actualizar Github pages 5 min Reproducir
97. Introducción a la sección 1 min Iniciar
98. Temas puntuales de la sección 1 min Reproducir
99. Configurar el ambiente de pruebas 6 min Reproducir
100. Implementando PropTypes 4 min Reproducir
101. Resolución de la tarea 5 min Reproducir
102. Pruebas del componente - GifGridItem 7 min Reproducir
103. Pruebas en el helper getGifs 7 min Reproducir
104. Pruebas del componente - AddCategory 10 min Reproducir
105. Simular un submit del formulario 8 min Reproducir
106. Jest Functions 9 min Reproducir
107. Pruebas del componente GifGrid - Mock customHook 7 min Reproducir
108. Hacer un mock completo de un Custom Hook 7 min Reproducir
109. Pruebas sobre customHooks 10 min Reproducir
110. Pruebas de tarea 4 min Iniciar
111. Código fuente de la sección 1 min Reproducir
112. Introducción a la sección 4 min Iniciar
113. Temas puntuales de la sección 1 min Reproducir
114. Inicio de proyecto - HooksApp 5 min Reproducir
115. useState 11 min Reproducir
116. useCounter - CustomHook 7 min Reproducir
117. Exponer métodos del Hook 9 min Reproducir
118. useEffect - SimpleForm 10 min Reproducir
119. Dependencias del useEffect 5 min Reproducir
120. useEffect unmount - Cleanup 7 min Reproducir
121. useEffect - Precauciones 8 min Reproducir
122. Formulario con custom Hook 11 min Reproducir
123. Tarea - Implementar funcionalidad de Reset 6 min Reproducir
124. useFetch - CustomHook 12 min Reproducir
125. useFetch + useCounter 9 min Reproducir
126. Conectando ambos Hooks 5 min Reproducir
127. Optimizaciones al código anterior 7 min Reproducir
128. useRef - Primer uso 8 min Reproducir
129. useLayoutEffect 10 min Reproducir
130. Memo - Método de React 9 min Reproducir
131. useMemo 9 min Reproducir
132. useCallback 12 min Reproducir
133. useCallback con argumentos 2 min Reproducir
134. Tarea Memorize 7 min Iniciar
135. Código fuente de la sección 1 min Reproducir
136. Introducción a la sección 2 min Iniciar
137. Temas puntuales de la sección 1 min Reproducir
138. Introducción al concepto de un reducer 9 min Reproducir
139. Continuación del Proyecto - HookApp 3 min Reproducir
140. Idea general de un reducer - Vía código 13 min Reproducir
141. useReducer - Todo List 10 min Reproducir
142. Creando el cascarón de la lista de TODOs 7 min Reproducir
143. Tarea: Crear componentes y emitir eventos 5 min Reproducir
144. Resolución de la tarea - TodoApp 11 min Reproducir
145. Agregar un nuevo TODO 5 min Reproducir
146. Guardar y Leer TODOs en LocalStorage 9 min Reproducir
147. Borrar un TODO 11 min Reproducir
148. Toggle Todo - Marcar como completado o pendiente un TODO 10 min Reproducir
149. Tarea - useTodo 5 min Reproducir
150. Resolución de la tarea - useTodos 9 min Iniciar
151. Código fuente de la sección 1 min Reproducir
152. Introducción a la sección 3 min Iniciar
153. Temas puntuales de la sección 1 min Reproducir
154. Introducción al Context 3 min Reproducir
155. Preparación de nuestra aplicación con rutas 9 min Reproducir
156. Configurar Router en React 8 min Reproducir
157. Link 6 min Reproducir
158. NavLink 9 min Reproducir
159. CreateContext y ContextProvider 12 min Reproducir
160. useContext 10 min Iniciar
161. Código fuente de la sección 1 min Reproducir
162. Introducción a la sección 3 min Iniciar
163. Temas puntuales de la sección 1 min Reproducir
164. Inicio de proyecto - Pruebas sobre Hooks 5 min Reproducir
165. Pruebas sobre useCounter - CustomHook 7 min Reproducir
166. Ejecutar funciones del customHook dentro de las pruebas 8 min Reproducir
167. Pruebas sobre useForm - CustomHook 11 min Reproducir
168. Pruebas con múltiples hooks simultáneos 7 min Reproducir
169. Evaluar respuesta del useFetch 14 min Reproducir
170. Pruebas sobre el Reducer 8 min Reproducir
171. Resolución de la tarea 4 min Reproducir
172. Pruebas en el componente TodoItem 12 min Reproducir
173. Pruebas en los eventos del TodoItem 7 min Reproducir
174. Pruebas en el TodoApp 8 min Reproducir
175. Pruebas con useContext 8 min Reproducir
176. Pruebas de funciones del context 8 min Reproducir
177. Pruebas generales en nuestro AppRouter 8 min Iniciar
178. Código fuente de la sección 1 min Reproducir
179. Introducción a la sección 1 min Iniciar
180. Temas puntuales de la sección 1 min Reproducir
181. Repositorio con customHooks 5 min Reproducir
182. Mejorando la estructura y ayuda de los Hooks 3 min Iniciar
183. Código fuente de la sección 1 min Reproducir
184. Introducción a la sección 2 min Iniciar
185. Temas puntuales de la sección 1 min Reproducir
186. Demostración del objetivo al final de la sección 2 min Reproducir
187. Inicio de proyecto - HeroesApp 8 min Reproducir
188. Creando un primer Router 9 min Reproducir
189. Colocar clase de la ruta activa 11 min Reproducir
190. Creando un segundo Router 10 min Reproducir
191. Navigate push / replace - useNavigate 9 min Reproducir
192. Lista de Heroes 11 min Reproducir
193. Tarjetas con la información del Héroe 8 min Reproducir
194. Tarjeta del Héroe - parte 2 8 min Reproducir
195. Leer argumentos por URL 10 min Reproducir
196. Estilo del componente HeroScreen 7 min Reproducir
197. Nota: useMemo 4 min Reproducir
198. Animaciones en nuestro componente 5 min Reproducir
199. Diseño de la pantalla de búsqueda 6 min Reproducir
200. SearchComponent 11 min Reproducir
201. Mostrar listado de héroes 7 min Reproducir
202. Mostrar mensajes condicionales 10 min Iniciar
203. Código fuente de la sección 1 min Reproducir
204. Introducción a la sección 2 min Iniciar
205. Temas puntuales de la sección 1 min Reproducir
206. Demostración del objetivo al final de la sección 1 min Reproducir
207. Continuación de proyecto - Protección de Rutas 4 min Reproducir
208. Context y Reducer de mi aplicación 11 min Reproducir
209. Login de un usuario 9 min Reproducir
210. Mantener el usuario activo 6 min Reproducir
211. Logout del usuario 7 min Reproducir
212. Rutas privadas 8 min Reproducir
213. Rutas públicas 7 min Reproducir
214. Recordar la última página visitada 7 min Iniciar
215. Código fuente de la sección 1 min Reproducir
216. Introducción a la sección 2 min Iniciar
217. Temas puntuales de la sección 1 min Reproducir
218. Inicio de la sección - Pruebas en HeroApp 6 min Reproducir
219. Pruebas en el authReducer 8 min Reproducir
220. Pruebas sobre los Types 3 min Reproducir
221. Pruebas en el PublicRoute 7 min Reproducir
222. Pruebas en el PublicRoute - Parte 2 8 min Reproducir
223. Pruebas en el PrivateRoute 7 min Reproducir
224. Pruebas en el AppRouter 7 min Reproducir
225. Pruebas en el NavBar 5 min Reproducir
226. Solución de la tarea 10 min Reproducir
227. Pruebas en el SearchScreen 5 min Reproducir
228. Pruebas con los queryParameters 8 min Reproducir
229. Tarea - requireActual 10 min Reproducir
230. Resumen de las pruebas realizadas 3 min Iniciar
231. Código fuente de la sección 1 min Iniciar
232. Temas puntuales de la sección 1 min Reproducir
233. Demostración del objetivo final de la sección 3 min Reproducir
234. Inicio de proyecto - JournalApp 6 min Reproducir
235. Configuración de Rutas principales y secundarias 11 min Iniciar
236. Nota importante 1 min Reproducir
237. Instalación de Material UI 6 min Reproducir
238. Configuración de MUI con Vite 10 min Reproducir
239. LoginPage - Diseño sin Layout 9 min Reproducir
240. LoginPage - Diseño - Segunda Parte 7 min Reproducir
241. AuthLayout 5 min Reproducir
242. RegisterPage - Diseño 3 min Reproducir
243. JournalLayout y JournalPage 5 min Reproducir
244. NavBar 8 min Reproducir
245. SideBar 11 min Reproducir
246. NothingSelectedView - No hay nada seleccionado 5 min Reproducir
247. NoteView 7 min Reproducir
248. ImageList - Galería de imágenes 5 min Reproducir
249. Boton Flotante 5 min Iniciar
250. Código fuente de la sección 1 min Reproducir
251. Introducción a la sección 2 min Iniciar
252. Temas puntuales de la sección 1 min Reproducir
253. Explicación visual del patrón Redux 8 min Reproducir
254. Redux, React Redux y RTK Query 5 min Reproducir
255. Inicio de proyecto - Redux-Tool 5 min Reproducir
256. ConfigureStore y Slices 11 min Reproducir
257. Usar valores del store y despachar acciones 7 min Reproducir
258. Tarea - decrement e incrementBy 8 min Reproducir
259. Snippet y Gists de Slice 8 min Reproducir
260. pokemonSlice 8 min Reproducir
261. Thunks 10 min Reproducir
262. Axios 9 min Reproducir
263. Mostrar los pokemons paginadamente 7 min Reproducir
264. RTK Query 11 min Reproducir
265. Consumir el API mediante el custom hook 8 min Reproducir
266. Obtener un Todo por ID 10 min Iniciar
267. Código fuente de la sección 1 min Reproducir
268. Introducción a la sección 3 min Iniciar
269. Temas puntuales de la sección 1 min Reproducir
270. Demostración del objetivo final de la sección 3 min Reproducir
271. Configurando Redux en nuestra aplicación 5 min Reproducir
272. Configurar el AuthSlice 6 min Reproducir
273. Manejo del formulario de login 12 min Reproducir
274. Configuración inicial de Firebase 10 min Reproducir
275. Google SignIn - Firebase 12 min Reproducir
276. Disparar acción de autenticación 9 min Reproducir
277. Formulario de registro de usuarios 6 min Reproducir
278. Manejo de errores del formulario 9 min Reproducir
279. Validar desde nuestro custom hook 10 min Reproducir
280. Mostrar errores en pantalla 10 min Reproducir
281. Crear usuario con email y password 12 min Reproducir
282. Actualizar el displayName y autenticar el usuario 7 min Reproducir
283. Mostrar el mensaje de error de autenticación 6 min Reproducir
284. Realizar el login de usuario con correo y contraseña 4 min Reproducir
285. Resolución de la tarea - Login de usuario 9 min Reproducir
286. Checking Authentication 6 min Reproducir
287. Mantener el estado de la autenticación al recargar 10 min Reproducir
288. Custom Hook para autenticación 5 min Reproducir
289. Logout de Firebase 9 min Reproducir
290. Animaciones para la aplicación 5 min Iniciar
291. Código fuente de la sección 1 min Reproducir
292. Introducción a la sección 1 min Iniciar
293. Temas puntuales de la sección 1 min Reproducir
294. Continuación del proyecto - JournalApp 2 min Reproducir
295. JournalSlice 8 min Reproducir
296. Preparar la base de datos - CloudFirestore 11 min Reproducir
297. Crear una nueva nota 11 min Reproducir
298. Activar la nota creada 10 min Reproducir
299. Cargar notas de Firestore 12 min Reproducir
300. Mostrar las notas en el menú lateral 8 min Reproducir
301. Activar una nota 5 min Reproducir
302. Activar una nota para su edición 11 min Reproducir
303. Actualizar la nota actual 14 min Reproducir
304. Resolución de la tarea 4 min Reproducir
305. SweetAlert 2 7 min Reproducir
306. Cloudinary.com - Backend para subir imágenes 11 min Reproducir
307. Seleccionar archivos desde React 7 min Reproducir
308. Subir imagen a Cloudinary 10 min Reproducir
309. Múltiples peticiones de forma simultánea 9 min Reproducir
310. Mostrar las imagenes cargadas 5 min Reproducir
311. Corregir un posible error 2 min Reproducir
312. Limpiar notas al cerrar sesión 3 min Reproducir
313. Borrar una nota 12 min Iniciar
314. Código fuente de la sección 1 min Reproducir
315. Introducción a la sección 2 min Iniciar
316. Temas puntuales de la sección 1 min Iniciar
317. Configuración de Testing en Vite 1 min Reproducir
318. Continuación de proyecto - JournalTesting 5 min Reproducir
319. Configuración del testing 4 min Reproducir
320. Pruebas de carga de archivos 8 min Reproducir
321. Cloudinary SDK - Delete image 14 min Reproducir
322. Pruebas con los Slices de Redux Toolkit 9 min Reproducir
323. Pruebas faltantes con el authSlice 13 min Reproducir
324. Pruebas sobre Thunks 14 min Reproducir
325. Thunks - checkingCredentials correcto e incorrecto 12 min Reproducir
326. Thunks - startLoginWithEmailPassword 11 min Reproducir
327. Pruebas en Journal Thunks 10 min Reproducir
328. Crear base de datos de testing 5 min Reproducir
329. Prueba completa sobre inserción 12 min Reproducir
330. Variables de entorno 10 min Reproducir
331. Variables de entorno Testing y Development 10 min Reproducir
332. Configurar variables de entorno de Firebase 7 min Reproducir
333. Pruebas en el LoginPage 12 min Reproducir
334. Botón de Google debe de llamar startGoogleSignIn 9 min Reproducir
335. Mocks de useDispatch 7 min Reproducir
336. Disparar el submit del formulario 12 min Reproducir
337. Dispatch con valores específicos 12 min Iniciar
338. Código fuente de la sección 1 min Reproducir
339. Introducción a la sección 3 min Iniciar
340. Temas puntuales de la sección 1 min Reproducir
341. Demostración del objetivo final de la sección 3 min Reproducir
342. Inicio de proyecto - MERN-Calendar 5 min Reproducir
343. Rutas de la aplicación 10 min Reproducir
344. LoginScreen y Navbar 8 min Reproducir
345. React Big Calendar 10 min Reproducir
346. Configuraciones adicionales al calendario 10 min Reproducir
347. Personalizar el cuadro de evento 5 min Reproducir
348. Escuchar eventos del calendario 6 min Reproducir
349. Creando un modal sobre el calendario 8 min Reproducir
350. Contenido del Modal 10 min Reproducir
351. Datepicker en español 3 min Reproducir
352. Obtener la información del formulario del evento 6 min Reproducir
353. Validaciones del formulario 8 min Reproducir
354. Instalación y configuración de Redux 8 min Reproducir
355. Mostrar y ocultar modal en base al Store 11 min Reproducir
356. CalendarSlice 8 min Reproducir
357. Cargar un evento en el modal 9 min Reproducir
358. Preparar la creación de un nuevo evento 7 min Reproducir
359. Añadir un nuevo evento 8 min Reproducir
360. Editar el evento activo 4 min Reproducir
361. Eliminar evento 11 min Reproducir
362. Redux - serializableCheck 3 min Iniciar
363. Código fuente de la sección 1 min Reproducir
364. Introducción a la sección 1 min Iniciar
365. Temas puntuales de la sección 1 min Reproducir
366. Objetivo al final de la sección 3 min Reproducir
367. Inicio de proyecto - CalendarApp Node Backend 9 min Reproducir
368. Configurando Express 8 min Reproducir
369. Variables de entorno y carpeta pública 7 min Reproducir
370. Creando las rutas relacionadas a usuarios 6 min Reproducir
371. Endpoints de remover, crear y login 10 min Reproducir
372. Recuperar información de un posteo 10 min Reproducir
373. Express Validator 13 min Reproducir
374. Custom Middlewares 6 min Reproducir
375. Configuración de base de datos 9 min Reproducir
376. Conectar Node a Mongo Atlas 8 min Reproducir
377. Crear un usuario en nuestra Base de Datos 10 min Reproducir
378. Validaciones del usuario 5 min Reproducir
379. Encriptar la contraseña 6 min Reproducir
380. Login de usuario 7 min Reproducir
381. Generar un Json Web Token 15 min Reproducir
382. Revalidar JWT 17 min Reproducir
383. Configurar CORS 3 min Iniciar
384. Código fuente de la sección 1 min Reproducir
385. Introducción a la sección 1 min Iniciar
386. Temas puntuales de la sección 1 min Reproducir
387. Continuación del proyecto - Calendar Backend 7 min Reproducir
388. Resolución de la tarea - CRUD 10 min Reproducir
389. Modelo Evento 6 min Reproducir
390. Validar campos necesarios 9 min Reproducir
391. Grabar el evento en la base de datos 9 min Reproducir
392. Obtener el listado de los Eventos 4 min Reproducir
393. Actualizar un Evento 12 min Reproducir
394. Eliminar Eventos 6 min Iniciar
395. Código fuente de la sección 1 min Reproducir
396. Introducción a la sección 2 min Iniciar
397. Temas puntuales de la sección 1 min Reproducir
398. Despliegues en Heroku 4 min Reproducir
399. Montar la aplicación en Heroku 14 min Reproducir
400. Introducción a la sección 1 min Iniciar
401. Temas puntuales de la sección 1 min Reproducir
402. Continuación de proyecto - Calendar + Backend 3 min Reproducir
403. Creando variables de entorno 6 min Reproducir
404. AuthSlice 6 min Reproducir
405. useForm - Login y Registro 10 min Reproducir
406. Axios - Configurar cliente para peticiones HTTP 6 min Reproducir
407. Realizar login de usuario 10 min Reproducir
408. Despachar acciones respectivas 7 min Reproducir
409. Mostrar error en la autenticación 4 min Reproducir
410. Creación de un nuevo usuario 7 min Reproducir
411. Mantener el estado de la autenticación 12 min Reproducir
412. Cambiar el URL después de una autenticación 3 min Reproducir
413. Logout y nombre de usuario 4 min Iniciar
414. Código fuente de la sección 1 min Reproducir
415. Introducción a la sección 2 min Iniciar
416. Temas puntuales de la sección 1 min Reproducir
417. Continuación de proyecto - Calendar CRUD de Eventos 3 min Reproducir
418. Creando un nuevo Evento en el calendario 7 min Reproducir
419. Mostrar eventos de la base de datos 8 min Reproducir
420. Cargar los eventos al store 7 min Reproducir
421. Actualizar el evento 7 min Reproducir
422. Cambiar el color de los eventos según usuario 4 min Reproducir
423. Eliminar un evento 4 min Reproducir
424. Limpiar información del calendario 5 min Iniciar
425. Código fuente de la sección 1 min Reproducir
426. Introducción a la sección 2 min Iniciar
427. Temas puntuales de la sección 1 min Reproducir
428. Generar versión de producción y desplegarla en Heroku 11 min Reproducir
429. Corregir la ruta en Express y HashRouter 9 min Reproducir
430. Introducción a la sección 2 min Iniciar
431. Temas puntuales de la sección 1 min Reproducir
432. Inicio de pruebas - CalendarApp 9 min Reproducir
433. Pruebas con la configuración de Axios 8 min Reproducir
434. Pruebas en uiSlice 6 min Reproducir
435. Pruebas en authSlice 6 min Reproducir
436. Probando estados y acciones del authSlice 9 min Reproducir
437. Calendar Fixtures 6 min Reproducir
438. Pruebas en el calendarSlice 9 min Reproducir
439. Tarea - onDeleteEvent y onLogoutCalendar 8 min Reproducir
440. Pruebas en FabDelete - incompleta 9 min Reproducir
441. Pruebas en el useUiStore 10 min Reproducir
442. Probando funciones conectadas al store 7 min Reproducir
443. Pruebas faltantes del useUiStore 7 min Reproducir
444. Inicio de pruebas en useAuthStore 7 min Reproducir
445. startLogin debe de realizar el login correctamente 10 min Reproducir
446. startLogin debe de fallar la autenticación 7 min Reproducir
447. startRegister debe de crear un usuario 11 min Reproducir
448. startRegister debe de fallar la creación 4 min Reproducir
449. checkAuthToken debe de fallar si no hay token 10 min Reproducir
450. Pruebas en el componente FabDelete 9 min Reproducir
451. Pruebas restantes del FabDelete 6 min Reproducir
452. Pruebas en el AppRouter 11 min Reproducir
453. debe de mostrar el login en caso de no estar autenticado 11 min Reproducir
454. Pruebas con componentes de terceros 4 min Iniciar
455. Código fuente de la sección 1 min Iniciar
456. Presentaciones utilizadas 1 min Iniciar
457. Más información para seguir aprendiendo 1 min Iniciar
458. Youtube playlist de React + TypeScript 1 min Iniciar
459. ¿Quiéres seguir aprendiendo más de React? 1 min Reproducir
460. Despedida del curso 4 min Reproducir
461. Demostración del objetivo final de la sección 2 min Reproducir
462. Inicio de proyecto - HeroesApp 4 min Reproducir
463. Creando un primer Router 8 min Reproducir
464. Creando un segundo Router 7 min Reproducir
465. History push / replace 5 min Reproducir
466. Lista de Heroes 9 min Reproducir
467. Tarjetas con la información del Héroe 10 min Reproducir
468. Leer argumentos por URL 7 min Reproducir
469. Estilo del componente HeroScreen 8 min Reproducir
470. Nota useMemo 3 min Reproducir
471. Animaciones en nuestro componente 2 min Reproducir
472. SearchComponent 10 min Reproducir
473. Aplicar filtro de Heroes 8 min Reproducir
474. Aplicar filtro en base al QueryString 8 min Iniciar
475. Código fuente de la sección 1 min Reproducir
476. Demostración del objetivo al final de la sección 3 min Reproducir
477. Inicio de proyecto - Protección de Rutas 3 min Reproducir
478. Context y Reducer de mi aplicación 10 min Reproducir
479. Login de un usuario 11 min Reproducir
480. Logout del usuario 9 min Reproducir
481. Rutas privadas 9 min Reproducir
482. Rutas públicas 5 min Reproducir
483. Recordar la última página visitada 7 min Iniciar
484. Código fuente de la sección 1 min Reproducir
485. Inicio de la sección - Pruebas en HeroApp 10 min Reproducir
486. Pruebas en el authReducer 5 min Reproducir
487. Pruebas en el PrivateRoute 11 min Reproducir
488. Probar que el localStorage sea llamado con argumentos 3 min Reproducir
489. Probar que el PrivateRoute no muestre el componente 2 min Reproducir
490. Pruebas en el componente AppRouter 8 min Reproducir
491. Pruebas en el componente DashboardRoutes 6 min Reproducir
492. Pruebas en el componente Navbar 13 min Reproducir
493. Pruebas en el componente HeroScreen 10 min Reproducir
494. Simular segmentos del URL en nuestras pruebas 12 min Reproducir
495. Pruebas en el componente LoginScreen 10 min Reproducir
496. Pruebas en el componente SearchScreen 8 min Reproducir
497. Pruebas faltantes del componente SearchScreen 7 min Iniciar
498. Código fuente de la sección 1 min