aleidk
7e599884a5
Affected files: .obsidian/community-plugins.json .obsidian/plugins/update-time-on-edit/data.json .obsidian/plugins/update-time-on-edit/main.js .obsidian/plugins/update-time-on-edit/manifest.json .obsidian/plugins/update-time-on-edit/styles.css 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/Development/Devtools.md 04. Periodic/03. Monthly/2024-03.md 04. Periodic/03. Monthly/2024-04.md README.md
35 lines
No EOL
1.1 KiB
Markdown
35 lines
No EOL
1.1 KiB
Markdown
---
|
|
created: 2024-04-11 15:30
|
|
updated: 2024-04-15 09:38
|
|
---
|
|
## 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) |