frontenderos icon

Podcast

Newsletter

#159 Por favor no me obligues a iniciar sesión

Episodio 600 de ShopTalk

Por favor no me obligues a iniciar sesión

Pink Ladies Please GIF by Paramount+

Hay sitios y aplicaciones en las que uno necesita iniciar sesión porque guardan información sensible e importante, pero el colmo es, que ya hay cada vez más aplicaciones en las que no deberían pedirnos. O paramos esta locura o pronto tendremos que iniciar sesión hasta para consultar el clima, usar una calculadora o escribir una nota. 🙄 

PODCAST 🎧️ 
Episodio 600 de ShopTalk

El podcast de Chris Coyier y Dave Rupert recién cumplió 600 episodios y 12 años de existencia y lo celebraron hablando de lo que piensan que va a pasar con la Web dentro de 12 años. Vale mucho la pena escucharlos. 👌 

HERRAMIENTA 🛠️ 
Vocs

Escribir documentación es algo que no a muchos frontenderos y programadores les gusta hacer, pero es lo que separa a la gente que puede recordar qué hace su código y como ejecutarlo, de la que tiene que pasar semanas volviendo a revisar archivo por archivo después de solo unos meses. Lo interesante de Vocs, es que corre con Vite y se puede integrar fácilmente con proyectos React.

React Virtuoso

El performance es un tema vital para que un proyecto web sea exitoso, y cuando toca trabajar con mucha información en React, luego hay ciertas complicaciones y hay que optimizar. Una de esas soluciones es usar virtual rendering, y es precisamente lo que React Virtuoso trata de solucionar con sus componentes.

INISPIRACIÓN 💡 
The Coding Train

¿Es Daniel Shiffman el Mr Rodgers de la programación creativa? Quien sabe, es una analogía un poco forzada y puede que no del todo correcta. Pero lo que si es cierto, es que es una de las personalidades más entretenidas del mundo de EdutTech de las cuales aprender y lo que hace por el mundo de la programación creativa es maravilloso. Deberías suscribirte a su canal aunque no hagas el mismo tipo de programación.

NOTICIA 📰 
Cambios de Apple para iOS, Safari y la App Store

insult burn GIF

Hace unos días, te hablábamos del chisme de Apple, pero no te pusimos suficiente información, error nuestro. Este es el comunicado oficial.

Mozilla dice que los cambios de Apple son malos para Firefox

Y esto es lo que dice Mozilla al respecto sobre cómo va a afectar estos cambios el ecosistema. Y tan bien que íbamos con Interop 2024.

UN DÍA COMO HOY 🗓️ 

El 17 de febrero de 2000, en San Francisco, California, Microsoft presenta su nuevo sistema operativo Windows 2000.
Significa un cambio de nomenclatura para su sistema NT. Así el “próximo” Windows NT 5.0 terminó llamándose Windows 2000.
En una entrevista en el canal de televisión CNBC, Bill Gates, presidente de Microsoft, informa que el software el desarrollo del software costó más de US$1000. millones e involucró a más de mil socios.
Microsoft afirma que el nuevo sistema es más rápido y más fiable que las versiones anteriores.

VACANTE 💼 
Senior UX Engineer

Ubicación: México (Remoto)
Empresa: Consensys
Requisitos: Más de 6 años trabajando con tecnologías web y móviles. Experiencia práctica con al menos uno: React, React Native, Vue o Angular. Amplia experiencia con Javascript moderno (ES6/TypeScript/etc.). Conocimientos fundamentales de CSS y preprocesadores CSS (Sass/LESS) Fuerte conocimiento práctico en el desarrollo de compatibilidad multiplataforma/navegador. Experiencia trabajando en un equipo de desarrollo ágil. Experiencia en el desarrollo de aplicaciones de mediana a gran escala en toda la pila con una deuda tecnológica mínima a través de abstracciones sensatas, pruebas, linting y cumplimiento de estándares de codificación/web. Entre otros.

¿No cumples con todos los requisitos? No te preocupes. Nos apasiona formar un equipo diverso de humanos y, como tal, si cree que tiene lo necesario para nuestro entorno de inicio caótico pero divertido y compatible con dispositivos remotos, presente su solicitud de todos modos, detallando sus habilidades transferibles relevantes. en su carta de presentación. Si bien tenemos una idea bastante clara de lo que necesitamos, estamos listos para que usted desafíe nuestra forma de pensar sobre quién debe ocupar este rol.

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

function agruparPorPropiedad(array, propiedad) {
    return array.reduce((acumulador, objeto) => {
        // Crear una clave en el acumulador si no existe
        const clave = objeto[propiedad];
        if (!acumulador[clave]) {
            acumulador[clave] = [];
        }
        acumulador[clave].push(objeto);
        return acumulador;
    }, {});
}

// Ejemplo de uso
const personas = [
    { nombre: "Alice", edad: 30 },
    { nombre: "Bob", edad: 25 },
    { nombre: "Charlie", edad: 30 }
];

console.log(agruparPorPropiedad(personas, "edad"));

CHALLENGE DE HOY ⚔️ 
Crea una función en JavaScript que genere un ID único cada vez que se llama.

  1. Implementa una función generarIdUnico que acepte un número entero como argumento, el cual determinará la longitud del ID generado.

  2. La función debe retornar un string que represente el ID único.

  3. Asegúrate de que el ID generado sea aleatorio y tenga una buena distribución de caracteres.

console.log(generarIdUnico(8)); // Puede retornar algo como "aB3dE7gH"
console.log(generarIdUnico(10)); // Puede retornar algo como "K9s2Df4gH7"
  • Considera utilizar la función Math.random para generar números aleatorios.

  • Puedes crear una cadena que contenga todos los caracteres posibles que deseas incluir en el ID y seleccionar aleatoriamente de ella.

  • Asegúrate de repetir el proceso de selección aleatoria tantas veces como la longitud deseada del ID.

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! 🤟