#144 Solucionando ejercicios asíncronos en una forma simple

Solucionando ejercicios asíncronos en una forma simple

No hagas promesas que no puedes cumplir. Aplica para la vida real y para JavaScript. De hecho, una de las cosas más difíciles en JavaScript, es aprender a trabajar con Promesas, y por eso si quieres practicar con ejercicios, este articulo te ayudará mucho a entenderlos de una forma simple.

console.delight

En otros lenguajes de programación existen herramientas de depuración, en JavaScript y el navegador web, tenemos console.log y no necesitamos más 🤭… también tenemos muchas herramientas en cada navegador pero de eso no va este articulo. Si quieres que tus logs se vean mas chulos, tienes que hacerlos así.

Un enfoque moderno a Next.js

¿Has utilizado bit y leído las recomendaciones de esta herramienta en artículos pasados? Pues ahora los compas de Bit escribieron una guía sobre recomendaciones de desarrollo de Next.js, pasa y léelo.

HERRAMIENTA 🛠️ 
git-sim

Hay gente que no solo aprende visualmente, sino que todos sus modelos de pensamiento y abstracción de ideas son visuales. Tú puedes ser uno de esos que necesitan una guía visual para entender mejor un problema, y si es así, responde este email y habra mas herramientas así en este newsletter. 😉 Trabajar con Git, es a veces complicado, sobre todo cuando trabajas con muchas ramas y/o mucha gente, para esos casos, siempre podrás recurrir a herramientas como git-sim.

Wanda Design System

Este año proponte comenzar a utilizar design systems para mejorar tu carrera como frontendera o frontendero. Puedes crear el tuyo propio con los links que has recibido en este newsletter, o puedes usar uno existente como Wanda, que la verdad esta bien chido y no solo es una biblioteca de componentes, sino un design system bien pensado y planeado. 👍️ 

TEMPLATES 🖥️ 
TW Elements React

Es oficial, hay una fiebre por crear bibliotecas open source de React con Tailwind y hay que aprovecharlo haciendo proyectos chidos, como dice Chicharito, imaginemos cosas chingonas. 👌 

EL RINCÓN DE CSS 👨‍💻 
La propiedad border-image

Hay propiedades en CSS con las que puedes hacer mucho y es probable que no lo sepas, por ejemplo border-image con la cual vas a poder hacer más que decorar.

UN DÍA COMO HOY 🗓️ 

El 02 de febrero de 1977, se lanza el TRS-80 (Tandy Radio Shack Z-80), también conocido cariñosamente (o burlonamente) como el "Trash-80" ("Basura-80").
El TRS-80 era la designación para la líneas de ordenadores personales producidos por la Tandy Corporation y vendidos a través de sus almacenes Radio Shack a finales de los 70 e inicio de los 80.
El Tandy TRS-80 Modelo I fue el punto de entrada de Tandy en el mercado de la computación casera, significando competir directamente contra la Commodore  PET 2001 y el Apple II.
Fue lanzado el 2 de febrero de 1977. Se vendía en $599 un paquete completo incluyendo un monitor en blanco y negro de 12 pulgadas, grabador de casetes, y el ordenador.

VACANTE 💼 
React Developer

Ubicación: México (Remoto)
Empresa: LTIMindtree
Requisitos: Servir como ingeniero senior de pila completa desarrollando aplicaciones web/móviles responsivas en funcionalidad frontend y backend. REACT y Native REACT. Contribuir a las aplicaciones de diseño y arquitectura. Colaborar con partes interesadas internas, otros desarrolladores y diseñadores para producir wireframes de alta fidelidad, diseños/maquetas/prototipos para revisión/iteración/aprobación. Entre otros.

Aquí te dejamos el link para que puedas conocer más de esta vacante. 🤞 

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

function sumaImpares(array) {
    // Filtrar los números impares y sumarlos
    return array.filter(num => num % 2 !== 0).reduce((acumulado, actual) => acumulado + actual, 0);
}

// Ejemplos de uso
console.log(sumaImpares([1, 2, 3, 4, 5])); // Debería retornar 9 (1 + 3 + 5)
console.log(sumaImpares([2, 4, 6]));       // Debería retornar 0, ya que no hay impares
console.log(sumaImpares([1, 3, 5, 7, 9])); // Debería retornar 25

• La función sumaImpares toma un array de números como entrada.

• Utiliza el método filter para crear un nuevo array que contenga solo los números impares del array original. Un número es impar si el resultado de su división por 2 tiene un resto diferente de cero.

• Luego, utiliza el método reduce para sumar todos los elementos del array filtrado. El valor inicial del acumulador en reduce es 0.

• Finalmente, devuelve la suma total de los números impares del array.

CHALLENGE DE HOY ⚔️ 

Crea una función en JavaScript que cuente la frecuencia de cada elemento en un array y devuelva un objeto con esas frecuencias.

1. Implementa una función contarOcurrencias que acepte un array como argumento.

2. La función debe retornar un objeto donde las claves son elementos únicos del array y los valores son la cantidad de veces que cada elemento aparece en el array.

3. Considera que el array puede contener números, strings y otros tipos de datos.

Ejemplo:

console.log(contarOcurrencias(["manzana", "banana", "manzana", "naranja"]));
// Debería retornar { manzana: 2, banana: 1, naranja: 1 }

console.log(contarOcurrencias([1, 4, 3, 2, 3, 1, 4, 4]));
// Debería retornar

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 👀