#205 Optimizando JavaScript

Optimizando JavaScript

Este artículo puede caer como un balde de agua helada para algunos frontenderos que prefieren la facilidad de leer código, pero son muy buenos consejos si lo que te importa es el desempeño en la ejecución de JavaScript en el navegador. Seguro aprenderás varias técnicas, aquí que te ayudarán a ser mejor frontendera o frontendero. 😉 

Las 5 mejores formas de reutilizar código en 2024

Cuando tu organización comienza a tener más de un proyecto y estos comparten cosas en común o hacen la misma cosa, es momento de pensar cuál sería la mejor forma de reutilizar código para no estar escribiendo lo mismo una y otra vez. Por suerte hay muchas estrategias que puedes utilizar para esta tarea.

EL RINCÓN DE CSS 👨‍💻 
Creando un efecto de texto interactivo de 3D Bulge

Este es un truco visual que hemos visto en algunos sitios web modernos, y los compas de Tympanus, hicieron un tutorial de cómo poder realizarlo paso a paso.

HERRAMIENTA 🛠️ 
oneRepo

Siguiendo la temática de cómo reutilizar código en tu proyecto, aquí tienes una herramienta que te puede ayudar a crear monorepos de forma fácil enfocada en JavaScript y TypeScript.

LANZAMIENTO 🚀 
Angular 17.30

¿Ya esta aquí Wangular (así le comenzaron a llamar al futuro merge de Wiz y Angular)? Aún no, pero hay nuevos fixes y features en Angular, como por ejemplo, soporte para TypeScript 5.4, que tienes que probar.

NOTICIA 📰 
El bullying en el Open Source es una vulnerabilidad de seguridad

Si no te enteraste de lo que estuvo a punto de pasar con XZ, aquí te puedes enterar un poco de ello y también de F-Droid y su intento de saboteo con un ataque SQL. Hay una tendencia entre el número de proyectos que luego cambian de mantenedores debido al bullying que sufren, esto por parte de usuarios que se la pasan hostigando y molestando y esto parece que es un nuevo vector de ataque para personas o grupos de personas que quieran explotar bibliotecas y proyectos populares o muy utilizados y puedan incrustar código malicioso en ellos, ya que piden ser mantenedores de estos proyectos para poder hacer y deshacer.

UN DÍA COMO HOY 🗓️ 

El 03 de abril de 1986, IBM lanza el IBM PC Convertible portátil, con procesador 80C88, 256 KB de RAM,  pantalla monocromática LCD, que luego pasaría a ser retroiluminada.

El término “convertible” se refería a que la pantalla LCD podía ser  desmontada para ser usada como ordenador de sobremesa.

El IBM Convertible se entregaba con manuales y un disquete de arranque con varias aplicaciones (calculadora, block de notas, calendario, etc).

Junto al IBM Convertible se comercializaron algunos periféricos como un adaptador para conectar a un monitor CRT y un adaptador que acopla una impresora directamente en el bus de expansión trasero.  Su precio US$2000. Peso: 6 kilos.

VACANTE 💼 
Frontend Developer

Ubicación: México (Remoto)
Empresa: Alta One
Requisitos: Más de 5 años de experiencia en desarrollo de software. Más de 5 años de experiencia usando Flutter Experiencia con gestión de estados de bloques, arquitectura limpia, Getx y notificaciones push. Competencia en el desarrollo de aplicaciones para Android e iOS.
Responsabilidades: Desarrollar y mantener aplicaciones móviles según especificaciones. Integre con API internas y de terceros Iterar los cambios de diseño basándose en los comentarios de las partes interesadas. Asegúrese de que el código esté bien mantenido y documentado. Colaborar con equipos multifuncionales. Probar y validar diseños visuales y funcionalidades. Desarrollar funciones orientadas al usuario para aplicaciones móviles. Cree código y bibliotecas reutilizables. Garantizar la viabilidad técnica de los diseños UI/UX. Optimice las aplicaciones para mayor velocidad y escalabilidad. Colaborar con los miembros del equipo y las partes interesadas.

Aquí te dejamos el link para que puedas aplicara a esta vacante. 🤞 

CHALLENGE DE HOY ⚔️ 
Encontrar el Primer Carácter No Repetido en un String

Se te da un string que puede contener caracteres alfanuméricos, espacios y signos de puntuación. Tu tarea es desarrollar una función que retorne el primer carácter único en el string. Si todos los caracteres se repiten o el string está vacío, la función debe retornar null.

1. Implementa una función primerCaracterUnico que acepte un string como argumento.

2. La función debe analizar el string y retornar el primer carácter que no tiene duplicados en el string. Considera la sensibilidad a mayúsculas y minúsculas.

3. Si no hay caracteres únicos o el string está vacío, retorna null.

console.log(primerCaracterUnico("programar es genial")); // Debería retornar "p"
console.log(primerCaracterUnico("abba")); // Debería retornar null
console.log(primerCaracterUnico("")); // Debería retornar null

Considera usar un objeto o un Map para llevar un registro de la frecuencia de cada carácter en el string. • Luego, puedes iterar sobre el string original (no sobre el objeto/mapa de frecuencias) para encontrar el primer carácter con una frecuencia de 1.

Comparte tu respuesta en redes sociales y etiquétanos (@frontenderos), compartiremos nuestra respuesta en el issue de mañana. 😎 

Tu feedback nos ayuda a mejorar

Por favor elige una opción y dinos lo que te gustó y lo que no. Leemos todas las respuestas 👀