#105 Peleas de React que puedes tener con tu equipo

¡FELIZ NAVIDAD, FRONTENDEROS! 🎄 

Peleas de React que puedes tener con tu equipo

Las convenciones, ¿nacen o se hacen? Por supuesto que se hacen, y se pueden cambiar. Nada esta escrito sobre piedra en el mundo del desarrollo de software ágil. ¿Convención sobre configuración o viceversa? ¡Que se arme el debate! Es tiempo de hablar sobre lo que se puede mejorar en el mundo del desarrollo web y en este articulo verás por qé puntos puedes empezar.

State of CSS 2023

La encuesta sobre el estado del CSS en 2023 ya esta aquí y los resultados son interesantes. Una vez que leas las preguntas y respuestas puedes pasarte por nuestra comunidad y contarnos si te esperabas estos resultados.

Los 10 UX artículos mas vistos de Nielsen Norman Group

Los cuates de Nielsen Norman Group publicaron una lista de los 10 artículos que más visitas obtuvieron este año, algunos de los cuales les compartimos en este newsletter. Entren y lean de la mano de expertos lo más destacado del UX este año.

HERRAMIENTA 🛠️ 
SVG.io AI Text prompt

Con esta herramienta vas a poder generar SVGs desde un prompt de AI. Si necesitas imágenes SVGs para ese diseño particular, esta es la herramienta que necesitas.

Ka-table

¿Necesitas un componente de tabla para React? No busques más, o quizás si, pero primero prueba esta que tiene todo lo que buscas como filtrado, búsqueda, organización, etcétera.

NOTICIA 📰 
v0 ya esta disponible publicamente

La espera ha terminado, ya puedes utilizar V0 de Vercel para construir tus UIs con prompts de texto. Si lo haces, compártenos las URLs de lo que vayas construyendo para que les echemos un ojo. 👀 

EL RINCÓN DEL DISEÑO 🎨 
Creando color systems

Creando sistemas de color y modos usando Figma Variables en 5 pasos. Y aunque seas un frontendero y este es un articulo de diseño, te va a servir bastante.

GUÍA 📖 
CSS animation-composition

¿Andas buscando como mejorar tu conocimiento de animaciones en CSS? No busques más, con esta guía lo puedes lograr.

INSPIRACIÓN 💡 

ÍCONOS EN TENDENCIA

¿Quieres saber cuales son las tendencias de diseño de Iconos para 2024, para ver cÓmo combina, funciona y se encaja con tus diseños web el siguiente año? Entra al siguiente link.

UN DÍA COMO HOY 🗓️ 

El 25 de diciembre de 2002, Konami lanza el juego de video musica “Dance Dance Revolution” (DDR). DDR fue creado para las máquinas recreativas japonesas y el 09 de octubre de 2003, para la consola PlayStation 2 japonés. A pesar de su liberación en solo una región, la popularidad del DDR fue tal, que hizo que se exportara a otros mercados para ser pirateados y se coloca en las salas de juego de todo el mundo.

El 25 de diciembre de 1987, surge el virus de la Navidad (Christmas Tree EXEC), es el primer virus WAN en la historia que comienza a afectar las computadoras de IBM en todo el mundo. El virus fue escrito por un estudiante de la Universidad Tecnológica de Clausthal en el lenguaje de programación REXX. El virus Christma.exe dibuja un árbol de Navidad en forma de gráficos de texto, a continuación, se envía a cada contacto del correo electrónico objetivo.

VACANTE 💼 

Desarrollador de front-end

Ubicación: Miguel Hidalgo, CDMX. (Híbrido)
Empresa: BNN México
Requisitos: Adobe Creative Suite (Photoshop, Ilustrador, InDesign, After Effects, Animated), Sublime Text, Google Web Designer, Sourcetree, entre otros.
Habilidades: Analiza las necesidades de cliente, Capacidad para trabajar en equipo, Capacidad para priorizar tareas, Organizado, Atención al detalle

Entra aquí para conocer más. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 

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

function encontrarMaxMin(array) {
    const max = Math.max(...array);
    const min = Math.min(...array);
    return { max, min };
}

// Ejemplo de uso
const numeros = [1, 3, 5, 0, -1, 10, -2];
console.log(encontrarMaxMin(numeros)); // Debería devolver { max: 10, min: -2 }

• La función encontrarMaxMin toma un array array como argumento.

• Utiliza Math.max y Math.min junto con el operador de propagación (...) para encontrar el valor máximo y mínimo en el array.

• Devuelve un objeto con las propiedades max y min que contienen los valores máximo y mínimo respectivamente.

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 👀