#116 Cosas que olvidaste o nunca supiste por React

Cosas que olvidaste o nunca supiste por React

A veces, la especialización nos hace concentrarnos mucho en una herramienta o metodología o técnica, y no ver lo que se esta cocinando alrededor. Por eso, el frontendero que se respeta, está al tanto de todo lo que está pasando en el mundo del desarrollo web leyendo este newsletter 😎 aprendiéndolo y poniéndolo en practica. Y quizás por eso ya notaste, que hoy más que nunca, hay alternativas a React, y de eso trata el siguiente articulo.

¿Qué sigue para JavaScript?

El comité TC39, los que se encargan de mejorar ECMAScript, siempre anda añadiendo nuevas cosas al lenguaje, aunque a veces son muy imperceptibles como syntax sugar y otras veces son cosas que bibliotecas o frameworks ya te dan, aunque ahora las puedes hacer nativas. ¿Qué nuevos features vienen este año o próximamente? En el siguiente link te lo contarán.

GUÍA 📖 
Añadiendo NX a una aplicación React

Tú sabes que en el fondo, React es solo una biblioteca de UIs, y que necesita de muchas bibliotecas adicionales para hacer más cosas que otros frameworks traen integradas. Y una de esas bibliotecas que puedes integrar, es NX, para mejorar ciertos procesos de building, testing, deployment y sobre todo, consistencia y code quality.

HERRAMIENTA 🛠️ 
OS.js

OS.js, es una plataforma de escritorio web open source que trae un manejador de ventanas, APIs de aplicación, un toolkit de Graphic User-Interfaces, abstracciones del sistema de archivos y mucho más.

CSS Generators

Normalmente este tipo de generadores vienen por separadores, pero CSSbud te da 5 generadores en el mismo lugar: Text-Shadow, Glow, Box-Shadow, Text-Glow, Underline. Para hacer más bello tu CSS.

NOTICIA 📰 
Ember 5.5

Ember, tiene nueva versión, la 5.5, con cambios pequeños como el cambio a pnpm y solución de bugs. Cambios pequeños para una herramienta que funciona bien. 👍️ 

UN DÍA COMO HOY 🗓️ 

El 05 de enero de 1984, Richard Stallman renuncia a su trabajo en el Instituto de Tecnología de Massachusetts (MIT ) e inicia el desarrollo del sistema operativo GNU. Stallman anuncia públicamente el proyecto GNU el 27 de septiembre de 1983 en su grupo de noticias net.unix. Stallman renuncia a MIT para que el Laboratorio de Inteligencia artificial no pudiera reclamar la propiedad o interferir con la distribución de GNU como software libre. Richard Stallman escogió el nombre mediante el uso de diversos juegos de palabras , incluyendo la canción The Gnu. El objetivo de Richard Stallman era llevar un sistema operativo de software completamente libre a la existencia. Stallman quería usuarios de computadoras para ser "libres".

VACANTE 💼 
React + TypeScript Developer

Ubicación: Ciudad de México (Remoto)
Empresa: Oowlish
Responsabilidades: Desarrollo de aplicaciones web y móviles utilizando React, TypeScript y Vite. Integración de sistemas de pago Clerk/Stripe en aplicaciones web (la experiencia en esta área es una gran ventaja). Creación de lienzos altamente interactivos o UI basadas en SVG utilizando bibliotecas como ReactFlow, D3.js, etc. Entre otras.
Requisitos: Más de 5 años de experiencia creando experiencias web y móviles interactivas y centradas en el usuario utilizando React, TypeScript y Vite.Experiencia con la integración de Clerk/Stripe en aplicaciones web. Experiencia con lienzos altamente interactivos o UI basadas en SVG y bibliotecas relacionadas (ReactFlow, D3.js, etc.). Entre otros
Beneficios: Home Office, Horario flexible; Compensación competitiva basada en la experiencia; Planes de carrera que permitan un amplio crecimiento en la empresa; Proyectos Internacionales; entre otros.

Si te interesa, aplica aquí. 🤞 

RESULTADO DEL CHALLENGE DE AYER 🧐 

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

function diferenciaArrays(array1, array2) { // Función auxiliar para encontrar elementos únicos en el primer array que no están en el segundo function encontrarUnicos(primerArray, segundoArray) { return primerArray.filter(elemento => !segundoArray.includes(elemento)); }

// Combina los elementos únicos de cada array
return encontrarUnicos(array1, array2).concat(encontrarUnicos(array2, array1));

}

// Ejemplo de uso const array1 = [1, 2, 3, 5]; const array2 = [1, 2, 4, 5]; console.log(diferenciaArrays(array1, array2)); // Debería devolver [3, 4]

• La función diferenciaArrays toma dos arrays, array1 y array2, como argumentos.

• Dentro de la función, se define una función auxiliar encontrarUnicos, que utiliza filter para seleccionar elementos en primerArray que no están presentes en segundoArray.

• Luego, utiliza concat para combinar los elementos únicos de array1 que no están en array2 con los elementos únicos de array2 que no están en array1.

• El resultado es un nuevo array que contiene la diferencia simétrica entre array1 y array2.

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 👀