frontenderos icon

Podcast

Newsletter

#140 Linters de JavaScript escritos en Rust… lo que no te dicen

5 herramienta para APIs Typesafe

Linters de JavaScript escritos en Rust… lo que no te dicen

Rust te da dos ventajas al momento de programar: binarios rápidos y seguridad en lo que programas. Pero en los linters de JavaScript existen otros detalles a considerar como la seguridad del tipado y ahí los linters de JavaScript siguen triunfando.

5 herramienta para APIs Typesafe

Con herramientas typesafe te vas a evitar muchos dolores de cabeza porque puedes detectar errores de tipado. Esto no solo es importante a nivel frontend, sino también a nivel backend, ya que hay que asegurarse de la integridad de los datos.

Top de herramientas Front-end de 2023

El autor del newsletter de webtools weekly hizo un recopilatorio de las herramientas con mas clicks en el 2023, y la lista no decepciona.

Shadow Themes

En este artículo, se habla sobre uno de los aspectos más importantes al momento de construir web components: los estilos, y cómo puedes aprovechar al máximo sus características. Que no pare el boom de los web components.

HERRAMIENTA 🛠️ 
remote-storage

Alguien pensó, 🤔💭 “local storage es cool, pero necesito poder sincronizar esa información con un servidor remoto siguiendo los mismos principios de simplicidad y facilidad de uso”, y así nació esta biblioteca, que para ciertos proyectos con información no sensible, puede ser muy útil.

Codemod Studio

Codemod, es un agente de automatización de código, y puede servirte para que mejores tus proyectos y aumentes la velocidad de desarrollo. Prueba las guías de inicio y cuéntanos que te parece.

INISPIRACIÓN 💡 
¿Quién esta usando Expo en 2024?

El desarrollo de apps nativas con React Native está más vivo que nunca, y para prueba tenemos esta lista recopilatoria de proyectos que usan Expo.

UN DÍA COMO HOY 🗓️ 

El 29 de enero de 2010, Google anuncia que retira el apoyo de su buscador al navegador Internet Explorer 6. Esta decisión se debe a los ciberataques recibidos por Google y que estaban dirigidos en contra de  su motor de búsqueda a principios de enero de 2010.
Al descubrir que estos ataques eran provenientes de China y que lograron funcionar a través del Internet Explorer 6, Google toma la decisión el 29 de enero de 2010 que a partir del 01 de marzo de 2010 dejará de prestar apoyo a este navegador.
Google también anunció que, además de su buscador, otros de sus productos como Google Docs y Google Sites también dejarán de funcionar en navegadores antiguos.
Google recomienda trabajar con versiones de navegadores más actuales, mismo consejo que ofrece Microsoft.

VACANTE 💼 
Full Stack React Developer

Ubicación: México (Remoto)
Empresa: Project Growth
Requisitos:Mínimo 3+ años de experiencia en desarrollo full-stack, con enfoque en React.js. Experiencia en la creación de aplicaciones para grupos demográficos mayores. Competencia en tecnologías front-end y back-end. Entre otros.
Responsabilidades: Optimización del producto: implementar estrategias para mejorar el rendimiento del producto, centrándose en la experiencia del usuario. Mejorar de la conversión: desarrollar e implementar soluciones para aumentar las tasas de conversión de los clientes. Modificaciones del producto y del recorrido del cliente: Adaptar los productos y el recorrido del cliente para satisfacer las necesidades del usuario, especialmente para una audiencia mayor. Entre otras.

Checa aquí los otros requisitos y mas información, y si te interesa, no dudes en aplicar. 🤞 

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

function diferenciaArrays(array1, array2) {
    const unicosArray1 = array1.filter(elemento => !array2.includes(elemento));
    const unicosArray2 = array2.filter(elemento => !array1.includes(elemento));

    return unicosArray1.concat(unicosArray2);
}

// 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']
  • La función diferenciaArrays toma dos arrays, array1 y array2, como argumentos.

  • Utiliza filter para crear un nuevo array unicosArray1, que contiene solo los elementos de array1 que no están en array2.

  • De manera similar, crea otro array unicosArray2 con elementos de array2 que no están en array1.

  • Luego, concatena unicosArray1 y unicosArray2 para formar el array final que contiene todos los elementos únicos.

  • Devuelve el array resultante que representa la diferencia entre los dos arrays originales.

Este código es efectivo para calcular la diferencia entre dos arrays, devolviendo un array que contiene los elementos únicos de cada uno.

CHALLENGE DE HOY ⚔️ 
Crea una función en JavaScript que sume los números dentro de un rango especificado en un array.

  1. Implementa una función sumarRango que acepte tres argumentos: un array de números, un índice de inicio y un índice de fin.

  2. La función debe sumar todos los números del array que se encuentren entre los índices de inicio y fin, incluyendo los números en esos índices.

  3. Asegúrate de que la función maneje correctamente los casos en los que los índices de inicio o fin están fuera del rango del array.

Ejemplo de uso:

console.log(sumarRango([1, 2, 3, 4, 5], 1, 3)); // Debería regresar 9 (2 + 3 + 4)
console.log(sumarRango([1, 2, 3, 4, 5], 0, 2)); // Debería regresar 6 (1 + 2 + 3)

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 👀

¿Qué te pareció el email de hoy?

Iniciar Sesión o Suscríbete para participar en las encuestas.

¡Hasta mañana! 🤟