• Frontenderos
  • Posts
  • #118 Un enfoque moderno al desarrollo de React

#118 Un enfoque moderno al desarrollo de React

Slots dinámicos

Un enfoque moderno al desarrollo de React

¿Qué tanto sigues el enfoque de construir componentes reutilizables para tus proyectos? Con este articulo verás las ventajas de este enfoque y cómo puedes aplicarlo para tu siguiente proyecto utilizando Bit.

Slots dinámicos

¿Haz utilizado slots al momento de construir Web Components? Si no, con este interesante articulo, vas a aprender a sacarle provecho al máximo.

Dando sentido a las cosas sin sentido de JavaScript

Lo sabemos, JavaScript a veces es un saco de boxeo de las cosas que están mal con un lenguaje de programación, y todo mundo se sabe al menos un chiste o una broma de JavaScript, pero ¿qué tal si esas cosas raras en el lenguaje tienen una razón de ser?

Una experiencia actualizada para crear temas con Material Theme Builder

Material Theme Builder, es un plugin de Figma que te permite explorar las posibilidades de colores dinámicos en tus proyectos, y recientemente tuvo actualizaciones.

EL RINCÓN DE CSS 👨‍💻 
CSS Media Query for soporte de scripting

¿Sabías que con un media query ahora puedes saber si el navegador tiene soporte para lenguajes de script como JavaScript? Ahora ya lo sabes y lo puedes utilizar. 😉 

HERRAMIENTA 🛠️ 
Tokenami

Tokenami, es una biblioteca CSS con una peculiaridad, permite utilizar CSS variables en lugar de CSS propiedades, mas o menos como TailwindCSS lo hace, y aunque esta versión esta en alfa, promete mucho.

UN DÍA COMO HOY 🗓️ 

El 07 de Enero de 2000, Google registra el  dominio “466453.com”.

El motivo de Google para adquirir este dominio consiste es que este es el orden de los números que deben ser presionados en un teléfono móvil (no smartphone) para escribir “google”.

Por lo tanto, escribir "466453" resulta mucho más práctico, solo se debe presionar seis teclas en lugar de 12 veces. (la "o" requiere ser presionada tres veces y la "l" y "e" deben ser presionadas dos veces).

El 07 de enero de 2003, Apple presenta en su exposición  Macworld la primera versión beta de su navegador Safari.

Apple designó una brújula como el logo del navegador.

Antes del lanzamiento de Safari, el navegador Internet Explorer para Mac de Microsoft era el navegador predeterminado de los ordenadores de Apple.

VACANTE 💼 
Ingeniero(a) en Jefe de Software - Full Stack (Gerente, Colaborador Individual)

Ubicación: Área metropolitana de Ciudad de México
Empresa: Capital One
Lo que harás: Liderar un conjunto de proyectos tecnológicos diversos y un equipo de desarrolladores con una profunda experiencia en microservicios distribuidos y sistemas full stack para crear soluciones que ayuden a cumplir las necesidades regulatorias de la empresa. Compartir tu pasión por estar a la última en tendencias tecnológicas, experimentar y aprender nuevas tecnologías, participar en comunidades tecnológicas tanto internas como externas, y guiar a tus colegas del equipo de ingeniería. Y más.
Requisitos: Nivel intermedio-avanzado de inglés. Licenciatura. Al menos 6 años de experiencia en ingeniería de software (las Prácticas no aplican) Al menos 1 año de experiencia en computación en la nube (AWS, Microsoft Azure, Google Cloud) Entre otros.

¿Quieres saber más? Entra aquí. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 

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

function sumarNumerosEnCadena(cadena) {
    // Usar una expresión regular para encontrar todos los números en la cadena
    const numeros = cadena.match(/\d+/g);

    // Sumar los números encontrados, o retornar 0 si no se encontraron números
    return numeros ? numeros.reduce((suma, num) => suma + parseInt(num), 0) : 0;
}

// Ejemplo de uso
console.log(sumarNumerosEnCadena("abc123xyz")); // Debería devolver 123
console.log(sumarNumerosEnCadena("7 11 apples")); // Debería devolver 18

- La función sumarNumerosEnCadena toma una cadena cadena como argumento.

- Utiliza match con la expresión regular /\d+/g para encontrar todas las ocurrencias de uno o más dígitos en la cadena. Esto devuelve un array de strings que representan números.

- Si se encuentran números, usa reduce para sumarlos, convirtiendo cada string a un número entero con parseInt.

- Si no se encuentran números (es decir, numeros es null), la función devuelve 0.

CHALLENGE ⚔️ 

Crea una función en JavaScript que repita una cadena de texto un número específico de veces.

- La función debe aceptar una cadena de texto y un número entero como argumentos.

- Debe devolver una nueva cadena que sea el resultado de repetir la cadena original el número de veces indicado por el número entero .

- Si el número es negativo o cero, la función debe devolver una cadena vacía.

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?

Login or Subscribe to participate in polls.

¡Hasta mañana! 🤟