#148 ¿Qué es Jest y por qué debería usarlo?

¿Qué es Jest y por qué debería usarlo?

Jest es una suite para testing en JavaScript que te permite hacer todo tipo de testing y además es una de las bibliotecas más populares y con demanda en la actualidad. Ya en un numero pasado compartimos un link para que veas porque vale la pena hacer testing y cómo hacerlo correctamente, y ahora podrás poner a prueba con uno de los frameworks más populares para hacerlo.

Derivaciones en Reactivity

Cada técnica y característica que encuentras en un framework o herramienta para la Web, tiene fundamentos teóricos que a veces se pasan por alto. Y si hay un término que debes conocer para sacarle mayor provecho a la web reactiva, es el de derivación.

Una guía para la composición de componentes con RSC

Cuando estabas aprendiendo React, quizás aprendiste sobre composición de componentes en el antiguo enfoque de clases, y luego te pasaste a componentes funcionales, y ahora que existen los React Server Componentes, necesitas actualizar tu conocimiento para que le saques el mayor provecho posible.

HERRAMIENTA 🛠️ 
Judicious JSON

Cada cierto tiempo, uno tiene que desempolvar sus conocimientos existentes sobre cierta herramienta, técnica, metodología o tecnología, y re-aprender cosas que quizás olvidó o no practicó lo suficiente para poder dominar. En este caso, toca repasar JSON, y repasar lo que uno sabe.

Harmony

Cuando tienes que construir una interfaz que permita elegir un color, puedes usar input[type="color"] o puedes instalar Harmony y aprovechar los modos de colores que te ofrece para que tus usuarios elijan mejor los colores.

Zustand

Existen muchas bibliotecas para el manejo de estado en React, siendo la más popular Redux, pero de vez en cuando uno necesita otra opción más simple o ligera o estable, y por eso es bueno tener alternativas. Y Zustand es eso, una opción ligera, simple y estable.

GUÍA 📖 
Construyendo con Aurelia 2

Dicen que uno se enamora de un framework por cómo permite hacer sus requests HTTP. Y es cierto. Por eso aquí podrás ver como hacer peticiones con Aurelia 2, para que veas si este framework te puede interesar.

NOTICIA 📰 
Introducción createPages en Waku

Lo minimalista siempre ha estado de moda. Preact surgió como una necesidad de algunos devs para tener una opción lite y consistente de React, y Waku es algo parecido, un framework minimalista para React moderno. Con la versión 0.19, Waku anuncia una API llamada createPages que va a permitir construir páginas y layous de forma programada, y suena bastante genial, veremos que tal.

VACANTE 💼 
Desarrollador UX/UI Senior

Ubicación: Cuajimalpla, Ciudad de México (Presencial)
Empresa: Marketica
Requisitos: Experiencia: 5 años como UX/UI. Escolaridad: Lic o Ing. En sistemas o afín. Inglés: técnico. Vivir cerca de Santa Fe o alcaldías aledañas

Conocimientos

• Dominio a nivel experto de HTML5, CSS, JavaScript y Frameworks - AngularJS, ReactJS o VueJS.

• Conocimiento y experiencia con Rest API´s y NodeJS

• Experiencia en metodología Agile (Scrum)

• Debugging y testing E2E

• Wordpress y otros CMS como GraphCMS

• Diseño adaptable y UX/UI

• Scrum

• Disponibilidad de horario y trabajo baja presión.

Beneficios: Contratación inmediata, Oportunidad de crecimiento, Excelente ambiente de trabajo, Zona para laborar: Santa Fe, Horario: lunes a viernes de 8 a 6 pm.

Si eres de la Ciudad de México y te interesa esta vacante, entra aquí. 🤞 

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

function fusionarObjetos(objeto1, objeto2) {
    // Combina los objetos dando prioridad a las propiedades de objeto2
    return { ...objeto1, ...objeto2 };
}

// Ejemplo de uso
const objeto1 = { nombre: "Ana", edad: 25 };
const objeto2 = { apellido: "García", edad: 26 };

console.log(fusionarObjetos(objeto1, objeto2));
// Debería retornar { nombre: "Ana", apellido: "García", edad: 26 }

• La función fusionarObjetos acepta dos objetos, objeto1 y objeto2, como argumentos.

• Utiliza el operador de propagación (...) para copiar las propiedades de objeto1 y objeto2 en un nuevo objeto.

• Al aplicar el operador de propagación primero a objeto1 y luego a objeto2, las propiedades de objeto2 sobrescribirán las de objeto1 en caso de claves duplicadas, cumpliendo con el requisito de que los valores de objeto2 deben prevalecer.

• Retorna el nuevo objeto que es la fusión de objeto1 y objeto2 con las propiedades de objeto2 prevaleciendo en caso de duplicados.

CHALLENGE DE HOY ⚔️ 
Crea una función en JavaScript que sume los dígitos de un número hasta que el resultado sea un solo dígito.

1. Implementa una función sumarHastaUnDigito que acepte un número entero no negativo como argumento.

2. La función debe sumar los dígitos del número dado. Si el resultado tiene más de un dígito, debe continuar sumando los dígitos hasta que quede un solo dígito.

3. La función debe retornar el dígito único resultante.

Ejemplo de uso:

console.log(sumarHastaUnDigito(38)); // Debería retornar 2 (porque 3+8=11, luego 1+1=2)
console.log(sumarHastaUnDigito(987)); // Debería retornar 6 (porque 9+8+7=24, luego 2+4=6)

• Considera utilizar un bucle while para repetir el proceso de suma hasta obtener un solo dígito.

• La conversión de número a string puede ser útil para iterar sobre cada dígito durante la suma.

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 👀