• Frontenderos
  • Posts
  • #103 Optimizando el desempeño en React Native

#103 Optimizando el desempeño en React Native

No necesitas HTML

Optimizando el desempeño en React Native

Las mismas técnicas que aplican para optimizar un proyecto con React en Web, aplican para React Native, aunque con especial énfasis en optimizar las peticiones de red. Una aplicación en React Native debe estar optimizada para redes lentas o para trabajar offline, hasta cierto punto, entonces es importante que pienses en ello.

No necesitas HTML

No necesitas HTML para hacer un sitio web, o algo así. En este divertido experimento, Terence muestra cómo puedes engañar al navegador para que muestre contenido con elementos no HTML o no HTML5.

Los Frameworks Node.js más populares

Ahora que el Server Side Rendering ganó terreno, todos los frameworks web comenzaron a realmente ser considerados frameworks Node.js, y aquí está la lista de los más populares. ¿Esta tu favorito en la lista?

GUÍA 📖 
Optimización de desempeño de React

Appreciate New Year GIF by All Better

Uno de los propósitos más comunes de año nuevo es ir al gym 💪 o hacer dieta 🍎 u optimizar tu proyecto React en desempeño… 🧑‍💻 ¿Apoco no es el tuyo? 😅 Bueno, ahora puede serlo después de que leas este articulo.

Creando SVGs con ruido

Si eres frontendero, tienes que saber lo básico de SVGs para poder construirlos y editarlos, pero a veces necesitas tener un poco más de conocimiento, por ejemplo, digamos que quieres darle más textura para que no se vea tan plano lo que estas haciendo. Con este tutorial aprenderás a hacerlo.

HERRAMIENTA 🛠️ 
Bunchee

Bunchee, es un empaquetador para archivos JavaScript, TypeScript y JSX, con cero configuración construido sobre rollup minimalista que puedes utilizar para ese proyecto personal o tu siguiente biblioteca Open Source.

NOTICIA 📰 
Vue 2 esta llegando a el fin de su soporte

Hey frontendero, si tienes algún proyecto personal que use Vue 2, deberías considerar migrar a Vue 3 nada mas iniciando el año y si en tu trabajo usan Vue 2, mándale este newsletter a tu jefe, que se suscriba y comiencen la transición tan pronto sea posible. 😉 

Adobe y Figma siempre no

sad diane keaton GIF

Al parecer, Adobe y Figma cancelan su fusión, adquisición, lo que sea, por culpa de los reguladores. Ni modo, a seguir pagando Figma por separado. 🤷‍♂️ 

UN DÍA COMO HOY 🗓️ 

El 23 de diciembre de 2002, el Juez J. Frederick Motz ordena a Microsoft a incluir el Java Runtime Environment (JRE) de Sun Microsystems en el sistema operativo Windows. Sun acusó a Microsoft de haber utilizado su poder de monopolio en el mercado de sistemas operativos para ordenadores de escritorio, al negarse a utilizar la tecnología Java de Sun Microsystems, que compite con el software .Net de Microsoft.

VACANTE 💼 
Diseñador de páginas web autónomo

Ubicación: Remoto
Empresa: BeeNet Agencia de Marketing Digital CDMX 
Requisitos: Carrera en diseño web, diseño gráfico, ingeniería en sistemas o afines. Al menos 1 año de experiencia. Conocimientos en Wordpress. Conocimientos y experiencia en implementación de UX/UI
Beneficios: Pago por proyecto entregado. Trabajo 100% remoto. Oportunidad de crecimiento dentro de la agencia.

Si quieres saber más, da click aquí. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 

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

function eliminarDuplicados(array) {
    // Utilizar un Set para almacenar elementos únicos
    const elementosUnicos = new Set();

    // Utilizar filter para mantener solo elementos que no han sido añadidos al Set
    return array.filter(item => {
        if (!elementosUnicos.has(item)) {
            elementosUnicos.add(item);
            return true;
        }
        return false;
    });
}

// Ejemplo de uso
const numeros = [1, 2, 2, 3, 4, 4, 5];
console.log(eliminarDuplicados(numeros)); // Debería devolver [1, 2, 3, 4, 5]
  • La función eliminarDuplicados toma un array array como argumento.

  • Se crea un Set elementosUnicos para almacenar elementos que ya han sido vistos.

  • Se utiliza el método filter para iterar sobre el array. Dentro de filter, se usa elementosUnicos para verificar si el elemento actual ya ha sido añadido al Set.

  • Si el elemento no está en elementosUnicos, se añade al Set y se mantiene en el array resultante.

  • Si el elemento ya está en elementosUnicos, se omite y no se incluye en el array final.

  • Esto resulta en un nuevo array que contiene solo elementos únicos del array original, manteniendo su orden.

CHALLENGE ⚔️ 

Desarrolla una función en JavaScript que calcule la suma de todos los números impares en un array.

- La función debe aceptar un array de números como argumento.

- Debe devolver la suma de todos los números impares en el array.

- Si no hay números impares en el array, debe devolver 0.

- Puedes usar métodos de array como filter para seleccionar los números impares y luego reduce para sumarlos.

- Asegúrate de considerar el caso en que el array no contenga números impares.

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