#119 SVG Responsivo

SVG Responsivo

¿Qué tanto sabes sobre SVG responsivos? Quizás te has topado con algún proyecto en el que los elementos SVG que has insertado no se pueden manipular correctamente y terminas utilizando otros o usando bibliotecas extras cuando realmente lo que necesitas es entender los fundamentos de como trabajar con gráficos vectoriales para poder hacerlos de verdad responsivos.

Las mejores bibliotecas de componentes para React en 2024

Tomando en cuenta las siguientes características: desempeño, personalización y temas, documentación, compatibilidad con las ultimas versiones de React y navegadores, Accesibilidad, y diseño responsivo para pantallas pequeñas, te traemos esta lista de bibliotecas de componentes que puedes usar para tu proyecto React en 2024.

Construye estos tipos de proyectos para volverte mejor en Next.js

Aunque el enfoque de este articulo, y los retos que proponen, están destinados a volverte mejor con Next.js, lo puedes aplicar a cualquier framework o biblioteca que sea de tu agrado. Una excelente forma de aprender es revisando como están construidos los proyectos que se te hacen atractivos y ese es el objetivo de este articulo, que aprendas viendo el código fuente de los siguientes proyectos.

HERRAMIENTA 🛠️ 
Sailboat UI

Te traemos otra biblioteca de componentes UI construida con Tailwind CSS para que puedas construir tus proyectos de forma rápida y efectiva.

Better Select

A veces uno necesita un componente de selección que sea personalizable y al mismo tiempo rápido y sin muchas dependencias, y que mejor que ofrezca soporte nativo para móviles. Pues eso es Better Select.

INSPIRACIÓN 💡 
BetterStories

¿Quieres mejorar la forma en que creas sitios web este año? ¿Crees que los sitios web pueden contar una historia? Entonces comienza por este articulo para que sepas cuales son los 9 principios para crear mejor historias

NOTICIA 📰 
InVision va a cerrar

InVision va a descontinuar sus servicios colaborativos, incluyendo prototipos, DSM y otros, al final del 2024. Ya hace unos meses había vendido su producto Freehand a Miro y con este anuncio, la empresa de 12 años que, un tiempo fue pionera en herramientas de diseño colaborativo, llega a su fin.

UN DÍA COMO HOY 🗓️ 

El 08 de enero 1997, Microsoft lanza Internet Explorer 3, su navegador web para el sistema operativo Mac OS de Apple.
Previamente, el 13 de agosto de 1996, habia sido lanzado para el sistema operativo Windows.
Con esta versión se inició la competencia contra Netscape Navigator y marca el inicio de la primera guerra de los navegadores.
IE3 fue la primera versión más utilizada de Internet Explorer, aunque no superó a Netscape el cual era el navegador con la mayor cuota de mercado.

VACANTE 💼 
Front end Developer

Ubicación: Remoto
Empresa: ArkonData
Experiencia: Mínimo 4 años trabajando con lenguajes como TypeScript, JavaScript, frameworks de react JS, conocimientos en BD SQL. Adicional, experiencia en el manejo de HTML, CSS, Git y GraphQL.
Beneficios: Seguro de vida, SGMM, apoyo para Gym, apoyo para capacitación y mucho más.

Conoce más, aquí. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 

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

function repetirCadena(cadena, veces) {
    // Comprobar si el número de veces es negativo o cero
    if (veces <= 0) {
        return '';
    }

    // Usar el método repeat para repetir la cadena
    return cadena.repeat(veces);
}

// Ejemplo de uso
console.log(repetirCadena("abc", 3)); // Debería devolver "abcabcabc"
console.log(repetirCadena("xyz", 0)); // Debería devolver ""

• La función repetirCadena toma una cadena cadena y un número entero veces como argumentos.

• Primero, verifica si veces es menor o igual a cero. Si lo es, devuelve una cadena vacía, ya que no tiene sentido repetir la cadena cero o un número negativo de veces.

• Si veces es positivo, utiliza el método repeat para repetir la cadena el número de veces especificado.

• Devuelve la cadena repetida.

CHALLENGE DE HOY ⚔️ 
Crea una función en JavaScript que convierta cada palabra de una cadena de texto a formato de título (la primera letra en mayúscula y el resto en minúsculas).

• La función debe aceptar un string como argumento.

• Debe devolver un nuevo string donde cada palabra tenga la primera letra en mayúscula y el resto en minúsculas.

• Asume que cada palabra en el string está separada por espacios.

Ejemplo:

convertirATitulo("esto es un título"); // Debería devolver "Esto Es Un Título"
convertirATitulo("JAVA SCRIPT");       // Debería devolver "Java Script"

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 👀