#139 npm en review, una retrospectiva de 2023

npm en review, una retrospectiva de 2023

¿Cómo les fue a los compas de npm en el 2023? ¿Qué nos puede contar los datos del uso de paquetes, publicación e instalación del registro de npm? Ser el manejador de bibliotecas más popular del mundo tiene su chiste, y en este resumen podemos dar cuenta de ello. Por cierto, ¿sabías que están comenzando a dar soporte para bibliotecas de Python y Go y este año también de Java? ¡Que loco!

Notas de lanzamiento de Safari Technology 186

Safari Technology Preview, es el nightly mode de Safari para probar las nuevas características del navegador de Apple para los usuarios más osados y que viven alocadamente. Así que si quieres probar lo nuevo de CSS, JS y HTML para ambientes Mac, esta es tu oportunidad.

Notas de pie en Diseño Web

La Web nació para compartir documentos y después evolucionó a lo que es hoy, pero el texto sigue siendo el formato por excelencia de la web. Y una de esas características que muchas veces se pasa por alto, es el poder tener auxiliares en tus documentos de texto, como pie de paginas.

GUÍA 📖 
Guia rápida para Web Frameworks

Esta es una breve guía de cómo se inicia con cada uno de los tres frameworks más populares de JavaScript, para que veas la comparación actual de cómo se diferencian.

EL RINCÓN DE CSS 👨‍💻 
Sobre subgrid y líneas de grid coloreadas

¿Has utilizado subgrid? Si no lo conoces con este artículo lo puedes comenzar a ocupar. Con grids y subgrids puedes crear casi cualquier layout que se te ocurra.

HERRAMIENTA 🛠️ 
Sutra

Esta es una herramienta que te puede ser muy útil en desarrollo de videojuegos, pero también lo podrías usar para crear storytellings. Se trata de una biblioteca de toma de decisiones que te puede ayudar a implementar comportamientos complejos. Chécala y ve si te puede servir de algo.

8 bibliotecas de notificaciones

No está de más tener varias opciones para notificaciones con JavaScript, para que así puedas elegir la que mejor se adapte a tus necesidades.

INISPIRACIÓN 💡 
Las mejores tipografias de 2023

Quizás los frontenderos no lo sepamos, pero hay muchas nuevas tipografías cada año, y aunque muchas de estas son de costo y no llegan a las bibliotecas gratuitas o de suscripción de Google y Adobe respectivamente, siempre te pueden servir para inspirarte.

UN DÍA COMO HOY 🗓️ 

El 28 de enero de 2006, el Comité de Ministros del Consejo de Europa se establece ese día como el Día Internacional de la Protección de Datos.

Esta fecha coincide con la conmemoración del aniversario de la firma del Convenio Nº 108 del Consejo de Europa para la protección de las personas con respecto al tratamiento automatizado de datos de carácter personal.

La celebración del Día Europeo de Protección de Datos tiene como objetivo principal impulsar el conocimiento entre los ciudadanos europeos de cuáles son sus derechos y responsabilidades en materia de protección de datos, de forma que puedan familiarizarse con un derecho fundamental, que pese a ser menos conocido, está presente en todas las faceta de sus vidas diarias.

VACANTE 💼 
Frontend Engineer [Contractor]

Ubicación: Guadalajara, Jalisco, México (Remoto)
Empresa: Nimble Gravity
Requisitos: Más de 5 años de experiencia en un entorno de desarrollo profesional utilizando React. Familiaridad con GraphQL. Experiencia y deseo de trabajar con una amplia gama de colegas. Deseo de aprender nuevas tecnologías y mantenerse a la vanguardia. Entre otros.

“Nimble Gravity Product Engineering colabora estrechamente con los equipos de Diseño y Gestión de Productos de Incluido Health para escalar y fortalecer sus experiencias Web y Android. La poderosa aplicación de navegación de atención médica de Incluído Health incluye búsqueda personalizada de proveedores, Telemedicina+ 24 horas al día, 7 días a la semana, opiniones de expertos sobre diagnósticos y planes de tratamiento, y defensa de reclamos médicos.”

Para aplicar a esta vacante, da click aquí. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 
¡Gracias a los que contestaron el challenge de ayer! Aquí te dejamos nuestra respuesta:

function limpiarObjeto(objeto) {
    const objetoLimpio = {};

    Object.keys(objeto).forEach(key => {
        if (objeto[key] !== null && objeto[key] !== undefined) {
            objetoLimpio[key] = objeto[key];
        }
    });

    return objetoLimpio;
}

// Ejemplo de uso
const objeto = { a: 1, b: null, c: 3, d: undefined };
console.log(limpiarObjeto(objeto)); // Debería devolver { a: 1, c: 3 }

• La función limpiarObjeto toma un objeto objeto como argumento.

• Crea un nuevo objeto objetoLimpio para almacenar las propiedades filtradas.

• Utiliza Object.keys para obtener un array de las claves del objeto original.

• Itera sobre cada clave con forEach:

  • Comprueba si el valor de la propiedad correspondiente a la clave no es null ni undefined.

  • Si la propiedad es válida (no nula ni indefinida), la añade a objetoLimpio.

• Finalmente, devuelve el objetoLimpio, que contiene solo las propiedades que no son nulas ni indefinidas del objeto original.

CHALLENGE DE HOY ⚔️ 
crea una función en JavaScript que calcule la diferencia entre dos arrays, devolviendo un array que contenga elementos que solo existen en uno de los dos arrays dados.

:

1. Implementa una función diferenciaArrays que acepte dos arrays como argumentos.

2. La función debe retornar un nuevo array que contenga solo los elementos que son únicos en cada uno de los arrays originales.

3. No debes modificar los arrays originales.

Ejemplo de uso:

console.log(diferenciaArrays([1, 2, 3], [2, 3, 4])); // Debería retornar [1, 4]
console.log(diferenciaArrays(['a', 'b', 'c'], ['b', 'c', 'd'])); // Debería retornar ['a', 'd']

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 👀