#141 Bibliotecas React para 2024

Bibliotecas React para 2024

React.js es una biblioteca de interfaces de usuario que tiene un ecosistema de bibliotecas para todas las demás tareas y funciones que puedes imaginar, convirtiéndolo en un poderoso framework. Por eso, esta lista de las bibliotecas que puedes usar este año para trabajar con React, te va a dar una mejor perspectiva.

Molesta con React

Cassiy Williams describe las razones por las que esta molesta con el equipo de React.js, y son cosas serias que deben ponerse en la balanza. ¿Cuál es el futuro de React.js?

VIDEO 📹️ 
¿Qué es Remix.run exactamente?

¿Quieres un mejor acercamiento a cómo funciona Remix y porque te puede enganchar? Mira este video.

HERRAMIENTA 🛠️ 
Glide Data Grid

Un grid de data con no compromisos, buen desempeño y soporte completo para TypeScript, además de soporte para multiples tipos de datos, nada mal. Pero lo mejor de este proyecto, es el sentido del humor del equipo detrás, solo checa la página de precios.

react-image-crop

Tarde o temprano vas a necesitar poder recortar una imagen en un proyecto por cualquier razón, y que mejor que estar listo con este recortador de imágenes de React.

TEMPLATES 🖥️ 
Template by shadcn

Los cuates de shadcn decidieron no quedarse atrás con la fiebre de los templates y boilerplates que varias empresas y comunidades vienen presentando. Y es que, este template para Next.js 13 con soporte para TailwindCSS y Radix UI, te va a gustar.

NOTICIA 📰 
ReScript 11.0

Quizás no lo sepas, porque hace varios años que no se nombra en blogs y por influencers frontenderos, pero hubo un tiempo en el que había más diversidad para trabajar con lenguajes que compilaran a JavaScript, y uno de esos era ReScript, que acaba de anunciar la versión 11.0
Esta nueva versión es una bocanada de aire fresco para los que andan buscando alternativas a TypeScript.

UN DÍA COMO HOY 🗓️ 

El 30 de enero de 2007, Microsoft lanza a escala mundial Windows Vista. 
La aparición de Windows Vista viene más de 5 años después de la introducción de Windows XP, es decir, "el tiempo más largo entre dos versiones consecutivas de Microsoft Windows".
La campaña de lanzamiento fue incluso más costosa que la de Windows 95 ocurrida el 24 de agosto de 1995 debido a que ésta incluyó además otros productos como Microsoft Office 2007 y Exchange Server 2007.
Windows Vista, incorpora nuevas características importantes tales como la ejecución de aplicaciones, búsqueda integrada, navegación 3D de aplicaciones de escritorio y uno de sus cambios más drásticos fue la interfaz gráfica (GUI) denominada "Windows Aero" la más radical desde la transición Windows 3.1 a Windows 95.
Las expectativas creadas por Microsoft respecto a Vista decepcionaron a muchos usuarios, debido a los altos requerimientos de hardware necesarios para poder ejecutarlo correctamente.
Los primeros años se dieron gran cantidad de problemas de compatibilidad con programas y controladores de hardware debido a que no funcionaban o no existían versiones para Windows Vista.
Varias empresas y universidades optaron por no instalar Vista en sus equipos por problemas con programas lanzados originalmente para Windows XP, así como porque requiere una gran inversión debido a la necesidad de comprar equipos nuevos para poder ejecutar Vista.

VACANTE 💼 
Ruby on Rails Engineer

Ubicación: Ciudad de México (Remoto)
Empresa: EasyBroker
Requisitos: Mínimo 3 años de experiencia programando con un framework como Ruby on Rails, Django o Laravel. Mínimo 1 año de experiencia trabajando profesionalmente con Ruby on Rails. Fan de buenas prácticas y las pruebas unitarias y funcionales. Excelentes habilidades de comunicación en español. Nivel avanzado de comprensión en inglés. Residir en México
Beneficios: Sueldo entre $80,000 y $100,000 MXN mensuales pagado desde la empresa en EUA mediante Deel. Trabajo 100% remoto y flexibilidad de horario. Apoyo económico para tu educación y capacitación. Los días de vacaciones que necesites. 15 días de bono en junio y 15 días en diciembre. Entre otros.

Da click aquí y envía tu CV actualizado. 🤞 

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

function sumarRango(array, inicio, fin) {
    // Asegurar que los índices estén dentro del rango del array
    const indiceInicio = Math.max(inicio, 0);
    const indiceFin = Math.min(fin, array.length - 1);

    let suma = 0;
    for (let i = indiceInicio; i <= indiceFin; i++) {
        suma += array[i];
    }

    return suma;
}

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

• La función sumarRango acepta un array array y dos números inicio y fin como índices del rango.

• Primero, ajusta los índices de inicio y fin para asegurarse de que estén dentro de los límites del array.

• Inicializa una variable suma en 0.

• Itera a través del array desde el índice indiceInicio hasta indiceFin, sumando cada elemento del array a suma.

• Devuelve la suma total de los elementos dentro del rango especificado.

CHALLENGE DE HOY ⚔️ 
Crea una función en JavaScript que encuentre el producto máximo de dos números en un array.

1. Implementa una función maxProducto que acepte un array de números como argumento.

2. La función debe retornar el producto máximo obtenido multiplicando dos números diferentes del array.

3. Considera que el array siempre tendrá al menos dos números.

Ejemplo:

console.log(maxProducto([2, 3, 5, 7])); // Debería retornar 35 (producto de 5 y 7)
console.log(maxProducto([-2, -3, -5, -7])); // Debería retornar 21 (producto de -3 y -7)

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 👀