Alexander Navarro
8770123e14
Affected files: 01. Projects/Mental Health/Therapy/Session 002 24-04-12.md 01. Projects/Neardearla 2024/13 consejos de Senior que le daría a mi yo Junior.md 01. Projects/Neardearla 2024/Construyendo Bajo Presión cómo armar el primer MVP de tu startup en 2024.md 01. Projects/Neardearla 2024/Código con corazón mejores prácticas de FrontEnd para encantar a tu UX.md 01. Projects/Neardearla 2024/Cómo Elegir la Base de Datos Adecuada para Tu Proyecto Una Guía entre SQL y NoSQL.md 01. Projects/Neardearla 2024/Cómo evolucionar profesionalmente en tecnología sin perder tu chispa de programar.md 01. Projects/Neardearla 2024/Desarrollo de pruebas unitarias asistido por IA.md 01. Projects/Neardearla 2024/Desde la Web al Escritorio - Tauri.md 01. Projects/Neardearla 2024/Fortaleza Digital Construyendo un Futuro Seguro con Desarrollo de Software Resiliente.md 01. Projects/Neardearla 2024/La Belleza del programa, la Felicidad del Programador.md 01. Projects/Neardearla 2024/Patrones de diseño el arma secreta de los desarrolladores expertos.md 01. Projects/Neardearla 2024/Que la fuerza de los gráficos te acompañe Aprende a dominar la visualización de datos.md 01. Projects/Neardearla 2024/Sincronización Perfecta Comunicación entre Microservicios con TypeScript y NestJs.md 01. Projects/Neardearla 2024/¿Por qué nos subestimamos? Guía práctica para negociar tu salario de forma efectiva.md 01. Projects/Phisics Engine/README.md 01. Projects/Página Personal/Portfolio/Piloto Go.md 01. Projects/Spotify Playlist Intersection/README.md 03. Resources/Design/Content Creators.md 03. Resources/Design/Design_Cheatsheet.pdf 03. Resources/Design/Story Telling.md 03. Resources/Development/Devtools.md 04. Periodic/03. Monthly/2024-03.md 04. Periodic/03. Monthly/2024-04.md README.md
1.1 KiB
1.1 KiB
| created | updated |
|---|---|
| 2024-04-11 15:30 | 2024-04-15 20:56 |
Container / Presentational Pattern
- Contenedor de lógica
- Contenedor más chico que sólo se encarga de mostrar la información al usuario
Satic Rendering
- Crear el renderizado al momento de compilación
Static import
- Esto importa todo el código en un archivo final (bundle) de gran tamaño
Mejorar tiempos de carga
Import on interaction
No es necesario cargar todo de golpe, cargar cuando son necesarias:
- Eager: inmediatamente, el default
- Lazy (route-based): cuando el usuario cargo la ruta
- Lazy (on interaction): en respuesta a una acción del usuario (Ej: click)
- Lazy (in viewport): cuando el usuario scrollee cerca del componente
- prefetch: cargar cuando sea necesario, pero despues de lo cŕitico
Utilizar estrategias como React.lazy que permite separar JS en distintos chunhs y cargarlos bajo demanda
Utilizar librerías como IntersectorObserver para viewport lazy loading
Misc
Long tasks: tareas que toman más de 50 milisegundos (se puede comprobar con dev tools)