RESUELVO una PRUEBA TÉCNICA de React para Programador JUNIOR FULL-STACK

Video Description

En este video estaremos desarrollando una prueba técnica Junior Full-Stack desde cero, en la cual debemos crear El Back-End hasta el Front-End. Descubre cómo desglosamos el problema, organizamos nuestro código y superamos los obstáculos comunes mientras trabajamos en la Prueba Técnica. ¡No te lo pierdas! ▶ No te pierdas más directos en: https://www.twitch.tv/midudev 00:00:00 - Intro 00:00:56 - Conferencia en madrid 00:01:54 - mi libro: Git y Github físico 00:03:14 - Prueba técnica en Discord de Notion 00:04:16 - Prueba técnica 00:13:11 - Qué es API REST y RESTfull 00:14:15 - Creando el BACK-END 00:14:47 - Creando carpetas/archivos 00:15:57 - Inicializando proyecto 00:17:28 - Instalando express 00:17:38 - Creando API 00:20:52 - Traduciendo Ejercicio en pasos 00:25:11 - Instalando multer 00:27:46 - Agregando multer al método Post 00:28:50 - Extraer el archivo de la request 00:32:12 - Validamos que tenemos el archivo 00:32:42 - Validar el mimetype (csv) 00:33:04 - Transformar el Archivo a String 00:37:09 - Transformar string (csv) to JSON 00:40:07 - Creando el método GET 00:40:18 - Extraer la query param `q` para la request + Validar que tenemos la query param 00:40:42 - Filtrar la data desde la DB (o memoria) con la query param 00:43:27 - Preguntas de la comunidad 00:45:52 - Filtrar Datso 00:48:18 - preguntas de la comunidad 00:49:23 - Creando proyecto con Vite para el Front-End 00:51:04 - Tener una configuración global para el BackEnd y FrontEnd (linter etc) 00:53:50 - Limpiando archivos para comenzar el Front-End 00:54:05 - Creando estructura del Front-End 00:58:39 - Agregando “estados” a la ui 01:06:46 - Estilo de programación de Go 01:07:24 - Creando función para llamar a la API + Gestión de errores 01:13:50 - Integrando Toaster (Sonner) 01:16:11 - Probando aplicación 01:17:15 - Corrigiendo el problema al transformarlo de CSV a JSON 01:19:46 - Ocultar boton de “seleccionar un archivo” (UX) 01:21:05 - Buscar información 01:25:40 - Llamar a la API para filtrar los resultados 01:33:42 - Por qué se coloca en la URL? 01:35:34 - Colocando el valor en el input 01:36:20 - Arreglando el debounce 01:39:21 - Arreglando el localhost 01:43:49 - Creando monorepo 01:50:04 - Quiéres una segunda parte? (testing, refactoring, patron de diseño)