El ecosistema de JavaScript y TypeScript.
La IA ganó la guerra de TypeScript. El debate ha terminado. TypeScript no ganó por tener mejores argumentos. Ganó porque las herramientas de IA hicieron que el debate perdiera relevancia. Los investigadores encontraron un patrón clave...
Un control de ancho indicaba que la cadena era segura de cortar. Partió un kanji por la mitad. Un nombre entró en una tabla y salió dañado. El apellido era 𠮷田. El primer carácter no es el c…
Operaciones CRUD del DOM. El Modelo de Objetos del Documento (DOM) es la forma en que los navegadores representan el HTML. Convierte cada elemento, atributo y fragmento de texto en un objeto. JavaScript utiliza estos objetos…
Cómo configurar React Context. El prop drilling arruina tu código. Pasas datos a través de cinco capas de componentes que no los necesitan. React Context soluciona esto. Sin embargo, la mayoría de las configuraciones crea...
Cómo probar correos de resumen de Nodejs sin ruido en la bandeja de entrada. Los correos de resumen causan problemas cuando los entornos de vista previa envían resúmenes a un único buzón compartido. Se pierde el rastro de a qué mensaje pertenece...
Prueba los flujos de cambio de correo electrónico sin omitir enlaces. Cambiar el correo electrónico de una cuenta parece algo insignificante, pero es una trampa común para los equipos de QA. Un tester actualiza una dirección y otra persona abre el correo...
La regla de los 3 segundos del rendimiento web. Tienes tres segundos. Después de eso, tus usuarios se van. Las investigaciones de Google muestran que el 53 % de los usuarios móviles abandonan un sitio si tarda más de 3 seg...
Uso de React Refs y el hook useRef. React utiliza un enfoque declarativo. Actualizas el estado y React actualiza la interfaz de usuario. Esto funciona para la mayoría de las tareas, pero a veces necesitas salir de...
Por qué usar el índice como key es una mala idea en React. Creas una lista dinámica en React. Eliminas un elemento. De repente, el estado de la interfaz de usuario de un elemento diferente cambia. O bien, ordenas una lista y el in…
Rastrea visitantes de tu sitio web en tiempo real sin suscripciones. Un cliente quería ver quién estaba en su sitio web en tiempo real. Les gustaba el widget de Tidio, pero no querían pagar una suscrip...
Por qué necesitas la prop 'key' de React. Ves este error en tu consola: "Each child in a list should have a unique 'key' prop". Muchos desarrolladores lo ignoran. Esto es un error. Esta advertencia...
Mi agente de programación recordaba las sesiones, no el trabajo. Un agente de programación puede mantener un hilo activo y, aun así, parecer olvidadizo. Me encontré con este problema mientras construía CliGate. Corregí la continu…
Domina las listas y las keys en React. Renderizar listas en React es sencillo, pero hacerlo correctamente es difícil. Muchos desarrolladores usan el índice del array como key. Esto es un error. Provoca errores y s…
Uso de la palabra clave 'using' y gestión explícita de recursos en TypeScript. Las fugas de memoria en producción suelen deberse a un error: los desarrolladores adquieren recursos pero no logran liberarlos. Conexiones a bases de datos...
Test Passwordless Login Without Inbox Chaos Passwordless login looks easy in a demo. A user enters an email. A magic link arrives. The session starts. In staging, this flow gets m…
Cómo Node.js gestiona miles de peticiones. Se dice que Node.js es de un solo hilo. Sin embargo, gestiona miles de peticiones, lee archivos y realiza llamadas a APIs sin detenerse. Cómo...
El costo oculto de cada instalación de npm. Pasamos diez años descargando librerías para arreglar JavaScript. Usamos moment.js para las fechas. Usamos lodash para utilidades. Usamos node fetch para...
Errores al utilizar recirculadores de aire UV en la producción de alimentos. La higiene del aire es vital en la producción de alimentos. Las áreas de envasado son especialmente sensibles. Los microbios suspendidos en el aire pueden arruinar la calid...
Creación de una guía interactiva de aplicaciones. Los equipos de soporte suelen tener dificultades con aplicaciones que nunca han instalado. Un PDF con capturas de pantalla es la solución estándar. La mayoría de la gente no lee los PDF...
El frontend invisible: Pequeñas decisiones que salvan un producto. El mejor trabajo de frontend nunca aparece en una demostración. El trabajo que más valoro es invisible. Nadie le toma capturas de pantalla. Pe...
Cómo actualicé todas las sucursales sin tocar una sola máquina. Creé una herramienta de escritorio interna utilizando Electron. Se ejecuta en equipos de diversas sucursales. Estas oficinas tienen di…
React Performance Optimisation Checklist Slow applications kill businesses. They cause high bounce rates and frustrate users. They also increase your infrastructure costs. You do…
Día 5 aprendiendo React: Batching y actualizaciones funcionales. Pensé que llamar a un setter de estado varias veces provocaba múltiples renders. Estaba equivocado. React es más inteligente que eso. Utiliza...
Tu consola te está mintiendo. Las DevTools de tu navegador podrían engañarte durante la depuración. No es que estén fallando. Están optimizadas para la velocidad, no para una precisión perfecta. Aquí te explicamos por qué no puedes…
