Codigo sin humo (@codigo_sin_humo)

0.1 + 0.2 no da exactamente 0.3. Y cuando manejas precios, centavos o totales de un carrito, ese pequeño detalle puede convertirse en un problema real. #javascript #float #javascriptbug #programacion #codigo

Cada vez que escribes const x = obj.x estás haciendo trabajo extra. Destructuring lo hace en un paso, con defaults incluidos, directo en los parámetros. Objetos o arrays: cuál te costó más? #codigo #javascript #destructuring #programacion #desarrolloweb

Tienes strict: true en tu tsconfig o solo confías en lo que te dice el editor? - strict: activa revisiones importantes como strictNullChecks. - noUncheckedIndexedAccess: evita asumir que arr[0] siempre existe. - noImplicitAny: detecta parámetros que terminan siendo any sin que lo escribas. ¿Tú…

¿Sabías que Promise.all() puede hacerte perder todos tus resultados si una sola promesa falla? Es crucial entender sus diferencias para evitar errores en producción: - Promise.all(): Todas las promesas deben resolverse. Si una falla, todo el conjunto falla. - Promise.allSettled(): Espera a que…

La solución: createPortal de React. Aprende cómo sacar tu modal al body sin romper el árbol de React y por qué los clics siguen propagándose aunque cambie de lugar en el HTML. #React #JavaScript #Frontend #desarrolloweb #codigo

¿Sigues usando toFixed() y concatenando strings para mostrar precios? Hay una forma mucho mejor y ya viene incluida en JavaScript. Con Intl puedes: - Formatear monedas como MXN y USD sin armar strings a mano. - Mostrar fechas en español aunque el navegador esté en inglés. - Escribir "hace 2 horas"…

Tu componente recibe props que ni siquiera usa? Eso es prop drilling. Aprende a resolverlo con useContext y createContext, y evita complicar tu árbol de componentes. Pero ojo: Context también tiene sus trampas con los re-renders y los objetos nuevos. #React #JavaScript #Frontend #WebDevelopment…

Pusiste marzo y JavaScript te devolvió febrero? ¿Tu fecha aparece un día antes sin razón aparente? #javascript #desarrolloweb #frontend #programacion #codigo_sin_humo

Haces un push a un array, abres la consola, ves que los datos si se agregaron pero la pantalla no se actualiza. No hay warnings ni errores, solo React ignorando tu cambio. El problema es que React no revisa el contenido de tu objeto o array, solo valida si la referencia cambio. Al mutar el estado…

Te ha pasado que una propiedad undefined en un componente secundario deja toda la pantalla en blanco? Esto ocurre porque React desmonta todo el arbol si encuentra un error no controlado durante el renderizado. Lo mas frustrante es que un try/catch comun no sirve en el JSX porque el error se…

Cuando importas todo al inicio de tus archivos en React, tu empaquetador une absolutamente todo en un mismo bundle. Eso significa que un modal pesado o una grafica que solo abre el cinco por ciento de las personas termina pesando desde la primera carga. Con React lazy e importaciones dinamicas…

Alguna vez te apareció un 0 en la pantalla sin saber de dónde salió? El culpable puede ser este patrón: items.length && <Lista /> Cuando items está vacío, items.length vale 0. Y aunque 0 sea falsy, React sí lo pinta en pantalla. #react #bug #programacion #aprendeprogramacion #javascript