#98 Preparándose para un nuevo Web Core Vital (1)

Preparándose para un nuevo Web Core Vital

Prepárense, o preparémonos frontenderos, hay un nuevo Web Core Vital metric que hay que tomar en cuenta: el Interaction Next To Paint que va a reemplazar al First Input Delay a partir de Marzo de 2024. Tal vez te estes preguntando que es un Web Core Vital metric y la respuesta es que son métricas para medir la experiencia de usuario en el mundo real sobre desempeño al cargar la página, interactividad y estabilidad visual de la página. Esto afecta el ranking de una página asi como su desempeño y estamos a tiempo para aprender esta nueva m´trica.

¿Quién es responsable por el impacto de los productos de innovación?

Hay algunos productos que apestan, hay algunos productos con obsolescencia programada, hay algunos productos que a la primera se rompen.

La anatomía de shadcn/ui

¿Has utilizado shadcn/ui? Quizás te diste cuenta que no esta disponible para instalación por npm y este articulo te da las razones del porque funciona asi su arquitectura.

GUÍA 📖 
Diseñando Tokens de Desing Systems

Este articulo te va a ayudar a entender mejor como funcionan los Design Systems y los primeros tips para que comiences a trabajar en ello

Cómo usar React Suspense

Nos encantan las guias sobre React Hooks porque siempre vienen con historias y contexto. Y esta no es la excepcion.

HERRAMIENTA 🛠️ 
DenoSaasKit

Los kits de UI, boilerplates de SaaS estan de moda. Y ahora te traemos una de Deno y Fresh para que comiencen a crear proyectos con este stack.

Keep React

Mientras mas bibliotecas de UI components conozcas y trabajes, aunque sea como proyectos personales o de descubrimiento, tendrás mas herramientas en tu cinturon de frontendero para llevar a cabo diferentes tareas. Y esta es una de esas bibliotecas que conviene que tengas.

NOTICIA 📰 
Expo SDK 50 beta

Con nuevos features como Expo Dev Tools Plugin API, expo-sqlite/next y expo-camera/next, el nuevo SDK de Expo nos trae cosas muy divertidas por probar.

Bun 1.0.18

Desde la versión 1.0.0 hemos leido poco de Bun, pero han seguido saliendo fixes para bugs, enfocandose en temas de desempeño y seguridad. Si tu eres uno de los frontenderos que comenzo a jugar con Bun, deberías actualizar.

UN DÍA COMO HOY 🗓️ 

El 18 de diciembre de 2006, Linksys (filial de Cisco System) amplió su gama iPhone con nuevos productos. Los iPhone de Linksys son teléfonos inalámbricos que, a través del ordenador, pueden llamar por internet con programas como Skype. El 09 de enero de 2007, Steve Jobs anuncia el iPhone de Apple, lanzado el 29 de junio de 2007.

El 18 de diciembre de 1958, se lanza el satélite estadounidense SCORE (Signal Communication by Orbiting Relay Equipment) considerado el primer satélite de comunicaciones de la Historia. Fue patrocinado por DARPA mediante un misil Atlas desde Cabo Cañaveral. El SCORE fue también el primer lanzamiento orbital exitoso de un Atlas. Reentró en la atmósfera el 21 de enero de 1959.

VACANTE 💼 
Backend Developer

Ubicación: Tijuana o CDMX
Empresa: Caliente Interactive
Responsabilidades: Diseñar, crear prototipos y desarrollar nuevas funciones según los requisitos. Construir las aplicaciones back-end y la arquitectura del lado del servidor con código bien documentado. Crear API y sistemas escalables y robustos. Crear código y bibliotecas reutilizables para uso futuro. Optimizar el código y la aplicación para obtener la máxima velocidad y escalabilidad.
Habilidades: Excelente capacidad para comunicarse verbalmente. Habilidades para la resolución de problemas. Fuertes habilidades de programación orientada a objetos. (se requieren 3 años de experiencia) Dominio del lenguaje PHP del lado del servidor.

“Como desarrollador PHP backend, su función será ayudarnos a diseñar, desarrollar y mantener la infraestructura backend de nuestras aplicaciones web. Desempeñará un papel clave en la creación de aplicaciones sólidas y escalables, garantizando un alto rendimiento, seguridad y confiabilidad. Trabajará en estrecha colaboración con el equipo de desarrollo front-end para implementar nuevas funciones, API e integración con proveedores externos.”

Si eres de Tijuana o de la CDMX, esta oportunidad te puede interesar. Aplica aquí. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 

¡Gracias a los que contestaron el challenge de ayer! Aquí te dejamos nuestra respuesta:

function contarVocales(texto) {
    // Usar una expresión regular para encontrar todas las vocales
    const coincidencias = texto.match(/[aeiouAEIOU]/g);
    
    // Devolver el número de vocales encontradas, o 0 si no se encontró ninguna
    return coincidencias ? coincidencias.length : 0;
}

// Ejemplo de uso
const texto = "Este es un ejemplo de cadena de texto";
console.log(contarVocales(texto)); // Debería devolver 13

CHALLENGE ⚔️ 

Escribe una función en JavaScript que genere un array que contenga un rango de números enteros consecutivos.

• La función debe aceptar dos o tres argumentos: un número de inicio, un número de fin, y un paso opcional.

• Debe devolver un array que contenga todos los números desde el inicio hasta el fin, incrementando según el paso dado.

• Si no se proporciona el paso, debe asumirse que es 1.

Ejemplo:

generarRango(1, 5); // Debería devolver [1, 2, 3, 4, 5]
generarRango(1, 10, 2); // Debería devolver [1, 3, 5, 7, 9]

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 👀