#131 Como aprender React en 2024

Como aprender React en 2024

Dicen que si llegaste al día 15 de Enero y dejaste de hacer tus propósitos de año nuevo, entonces hay posibilidades de que ya no los hagas. Por eso, es mejor empezar en la tercer semana de enero, y que mejor que leyendo esta guía sobre cómo aprender React en 2024. En 14 semanas puedes estar aplicando para trabajos más cómodamente o creando ese proyecto que quieres. 👍️ 

Top 10 errores a evitar con React en 2024

Echando a perder se aprender, y es de sabios equivocarse. Pero si te equivocas, que sea porque encontraste un nuevo caso de uso y no porque no leíste este articulo sobre como evitar errores comunes con React.js en 2024

3 formas de iniciar una app React en 2024

Atrás quedó create-react-app, lo de hoy es Bit, o Vite o Refine. Tienes de donde elegir para crear un proyecto, pero tienes que saber las ventajas y desventajas de cada herramienta.

HERRAMIENTA 🛠️ 
Multiple

Las pruebas de carga son emocionantes. Porque puedes aplicarlas no solo en el frontend, sino en cualquier capa de tecnología que ocupes. Y con esa información que obtienes puedes mejorar tu proyecto. Y lo más divertido es que tal vez encuentres ese cuello de botella donde menos te lo esperes.

Refine

Cuando estas trabajando con React, dependiendo del proyecto es la herramienta; y si estas trabajando con Dashboards y productos internos para una empresa, posiblemente te guste Refine, con la que vas a poder dedicarte solo a construir lógica de negocio.

GUÍA 📖 
Como hacer tu perfil de Github genial

¿Sabías que puedes personalizar tu página de Github? Muchos ya lo están haciendo para usarla como su página de curriculum o resume. Y tú tambíén puedes hacerlo con esta sencilla guía.

UN DÍA COMO HOY 🗓️ 

El 20 de enero de 1999, aparece por primera vez el gusano informático para Windows “Happy99”, también conocido como “Ska” o “I-Worm”. La difusión del Happy99 se realizó a través de correo electrónico y Usenet. Happy99 fue descrito por Paul Oldfield como "el primer virus que se propagó rápidamente por correo electrónico". Happy99 se instala y ejecuta en segundo plano de la máquina de la víctima, sin su conocimiento. En general, el Happy99 se considera el primer virus que se propagan por correo electrónico, y ha servido como modelo para la creación de otros virus de la libre propagación. Happy99 se extendió por varios continentes, incluyendo América del Norte, Europa y Asia. Happy99 también sirvió como molde para la creación de ExploreZip, otro virus de auto-difusión.

VACANTE 💼 
Frontend Developer Sr

Ubicación: México (Remoto)
Empresa: DEUNA
Requisitos:Conocimientos en integración, E2E, regresión visual. Conocimientos en AWS (Appsync, Lambda, Cloudfront, test unitarios, S3) Experiencia con CI/CD. Fuerte conocimiento en patrones de diseño y buenas prácticas (clean code). Experiencia sólida en el desarrollo de aplicaciones web con React y Typescript +7 Años. Entre otros.
Beneficios: Modalidad de trabajo remoto 🖥️ Todos somos dueños de DEUNA, ofrecemos stock options 💸 Apoyo económico para Internet y línea de celular 📱 Equipo multidisciplinario, diverso y dinámico 🧡Vacaciones y días personales 🌴

Da click aquí para aplicar. 🤞 

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

function objetoAParametrosURL(objeto) {
    // Convertir el objeto en un array de pares clave-valor y luego mapear cada par a una cadena de texto
    const parametros = Object.keys(objeto).map(key => {
        return encodeURIComponent(key) + '=' + encodeURIComponent(objeto[key]);
    });

    // Unir todos los pares con '&' y añadir '?' al principio
    return '?' + parametros.join('&');
}

// Ejemplo de uso
const params = { nombre: "Ana", edad: 23, ciudad: "Madrid" };
console.log(objetoAParametrosURL(params)); // Debería devolver "?nombre=Ana&edad=23&ciudad=Madrid"

• La función objetoAParametrosURL toma un objeto objeto como argumento.

• Utiliza Object.keys para obtener un array de las claves del objeto.

• Cada clave se mapea a una cadena de texto que representa un parámetro de URL, utilizando encodeURIComponent para codificar tanto las claves como los valores de manera adecuada para URLs.

• Los pares de clave-valor se unen con el carácter & para formar la cadena completa de parámetros.

• Finalmente, se añade un ? al principio de la cadena resultante y se devuelve.

CHALLENGE DE HOY ⚔️ 
Crea una función en JavaScript que cuente la frecuencia de cada carácter en un string.

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

• Debe devolver un objeto donde las claves son los caracteres del string y los valores son la cantidad de veces que cada carácter aparece en el string.

• Considera tanto mayúsculas como minúsculas como el mismo carácter.

Ejemplo:

contarFrecuenciaCaracteres("Hola Mundo"); // Debería devolver { h: 1, o: 2, l: 1, a: 1, m: 1, u: 1, n: 1, d: 1 }

• Puedes iterar sobre cada carácter del string y llevar un recuento en un objeto.

• Considera convertir el string a minúsculas o mayúsculas para unificar la cuenta de caracteres.

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 👀