#251 La evolución de React, de Hooks a Concurrencia
¿Qué es Vite y por qué es tan popular?
La evolución de React, de Hooks a Concurrencia
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/58c286e1-b84c-4e74-92f9-16c4b4e502d1/Captura_de_Pantalla_2024-06-14_a_la_s__9.07.45_p.m..png?t=1718420886)
React 17 fue una versión para solucionar bugs y estabilizar features, pero el salto que se dio entre la versión 16 a 18 fue significativo contribuyendo a que muchos meta-frameworks adoptaran nuevas soluciones para sus usuarios, y ahora la versión 19 es otro parteaguas en lo mucho que React.js sigue evolucionando.
¿Qué es Vite y por qué es tan popular?
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/cea3b808-8909-44e1-aee9-d7cafabf1db4/vite_popularity.png?t=1718420984)
Después de TypeScript, la otra tecnología que se esta usando en todos los proyectos, es Vite, y después de que leas este artículo entenderás el porque.
Presentando Routing declrativo para Nextjs
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/ee006325-564e-4776-a3a9-de781fcddaf3/1_4cUBAZY54h70dBgMnIXjcw.jpeg?t=1718421066)
¿Cómo estas haciendo routes para NextJS? ¿Estas haciéndolo con el tradicional y plano método de usar <Link>
? Te traemos un artículo que te hará repensar tu mundo. O al menos como usas rutas en tus proyectos Next.
Default export en bibliotecas CommonJS
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/23a4d51e-3f21-44a0-9e79-7d02e1b2cd65/DEGxDhWIpM-1200.png?t=1718421154)
Hay una razón de porque el import y el export, en entrevistas para trabajos JavaScript, se considera como una pregunta y filtro para entrevistados. Y si crees que sabes lo suficiente, prueba a leer el siguiente artículo para comprobarlo.
Una propuesta alternativa para CSS masonry
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/0fe30a64-f8eb-4d13-b39a-1601b21520b6/thumb.png?t=1718421303)
Después de que el equipo de Webkit o Safari plantease una alternativa para CSS Masonry, el otro equipo de Webkit, conocido como Chrome, dijo “esperen, así no”🤚 y lanzan un llamado a pensarlo con más cabeza y pruebas.
He probado el compilador de React
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/6489ae08-8f02-45a4-bf07-d933b216c76e/4-everything-memoized.png?t=1718421418)
El nuevo feature de React del que todos están hablando, es su compilador. Y hay una razón de peso: ayudará a optimizar mejor tus componentes y que no te confundas tanto al usar memos y otros hooks. Lo más importante es que el compilador no es un sustituto, sino un correctivo.
OFERTA ESPECIAL PARA TI ⭐️
Mentoria gratuita
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/d2ae57cc-c017-4e7f-9043-72d1062cc3c5/T045LPEE9-U045LPEEB-42f437647e44-512.png?t=1717123425)
Sabemos que el camino del desarrollo frontend tiene sus desafíos, desde problemas de código, hasta dudas sobre reclutamiento. ¡Estamos aquí para ayudar!
A partir de ahora, vamos a estar a ofreciendo 3 sesiones de mentoria de 1 hora cada semana. Estas sesiones están pensadas para ayudarles con cualquier cosa que necesiten: revisiones de código, consejos sobre cómo conseguir ese trabajo soñado, o cualquier otro tema que les preocupe.
Las mentorías las va a dar nuestro amigo del podcast y newsletter, Hec Sanchez, Lead Frontend Engineer y consultor con 15 años de experiencia en el Frontend.
¿Cómo funciona? Muy sencillo:
👉️ Reserva tu espacio a través de este enlace. Elige la hora que mejor te venga y, ¡prepárate para una sesión llena de aprendizaje y soluciones!
Queremos que se sientan apoyados y motivados en cada paso de su carrera. Así que no duden en aprovechar esta oportunidad. Estamos aquí para ustedes.
¡Nos vemos en la próxima sesión! 😉
EL RINCÓN DE CSS 👨💻
Hablemos de cascada y especificidad
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b354e441-c267-4ef6-86f9-a4399cd5d35f/png.png?t=1718421550)
Este es un tema que ya no se había mencionado tanto pero vale la pena volver a sacarlo, sobre todo para los frontenderos de recién ingresan al mundo laboral.
VIDEO 📹️
Validación de formularios para Apps de JavaScript
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/69c1f142-c09d-4138-945c-4daa8f36537f/n14-h4-xOlQ_480x360.jpg?t=1718421684)
Una de las cosas que como frontendero debes saber si o si, es a validar tus formularios y sanitizarlos para evitar bugs de seguridad. Actualmente hay muchas bibliotecas que hacen esto, pero si tienes el conocimiento no importa tanto la herramienta, sino el uso que le des.
10 años de Vue
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/3a471f6a-4761-417a-8a07-00a2d4d565b6/OmrwRrZitv4_480x360.jpg?t=1718422077)
Vue cumple 10 años y Evan You hace un recuento de los momentos y logros significativos de esta biblioteca. Mándale este video al siguiente reclutador que te pida 11 años de experiencia de Vue.
INISPIRACIÓN 💡
Significado de colores por cultura
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/f04865c9-d4f5-4a63-8ae0-5bc20fc8115b/1_awadjEY6AuYxuf9JpjH34g.png?t=1718421822)
Antes de que los diseñadores sean reemplazados por ChatGPT diciendo que solo hay 3 colores para usar en una UI, aprendamos la importancia de los colores en un mundo donde tus sitios, webs, apps, llámale como les llames, serán utilizados por personas de diferentes transfondos culturales.
Atlassian Design System
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/7ff9cb96-12d3-41f9-a10e-ed3db8e76756/meta.png?t=1718421907)
Sí, Atlassian es culpable de Jira, y si, también todos alguna vez usamos BitBucket aún con sus limitaciones, pero no podemos negar que Atlassian como empresa de productos, tiene en estos una marca reconocida, y ahora que tienen un Design System es más palpable aún.
HERRAMIENTA 🛠️
Rafty UI
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/33b4c876-a5bd-4385-a0cc-104fc2201eb1/Captura_de_Pantalla_2024-06-14_a_la_s__9.26.34_p.m..png?t=1718422006)
Rafty es una biblioteca de componentes React.js con estilos Tailwind que se complementan bien y te pueden sacar de apuros para esos proyectos que necesitas entregar rápido.
UN DÍA COMO HOY 🗓️
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/4fe517a1-92be-4c4b-bdf8-b94d2b82a049/06-14_Efemerides_de_Tecnologia_opensolaris.jpeg?t=1718422194)
El 14 de junio de 2005, Sun Microsystems libera el código base de de su sistema operativo “Solaris” vigente en ese momento y de esta manera nace “OpenSolaris”.
Ambas versiones de código binario y son actualmente descargable y con licencia sin costo. El código fuente de Solaris fue liberado bajo la Licencia Común de Desarrollo y Distribución (CDDL) a través del proyecto OpenSolaris.
La CDDL es una licencia aprobada por OSI, es considerado por la Free Software Foundation para ser libre, pero la GPL es incompatible con él.
Después de la adquisición de Sun Microsystems el 27 de enero de 2010, Oracle decidió suspender la distribución de OpenSolaris y el modelo de desarrollo.
En agosto de 2010, Oracle interrumpió brindar actualizaciones públicas en el código fuente del kernel de Solaris, convirtiendo Solaris en un sistema operativo propietario de código cerrado.
Sin embargo, a través de Oracle Technology Network (OTN), socios de la industria todavía puede acceder al código fuente de Solaris en el desarrollo.
El código fuente de los componentes de código abierto de Solaris 11 está disponible para descargar en Oracle.
VACANTE 💼
Fullstack Developer - React, JavaScript, Node
Ubicación: México (Remoto)
Empresa: Terminal
Desempeñarás un papel crucial en la construcción del producto e influirás en su hoja de ruta. También tienes la oportunidad de usar muchos sombreros (¡si quieres!). Lo que puedes esperar: Colaborar en la definición de la hoja de ruta del producto. Implementación de principio a fin de las características del producto. Se le valorará por: Su mentalidad orientada al producto. No solo se centra en los aspectos técnicos y de ingeniería, sino que también tiene en cuenta que estamos creando un producto para resolver los puntos débiles de nuestros usuarios. Su experiencia en ingeniería, ya que tiene un sólido conocimiento de la arquitectura de sistemas y se siente cómodo con temas como concurrencia, operaciones asincrónicas, confiabilidad y seguridad. ¿En qué pila técnica trabajarás?
Para conocer mas sobre esta vacante, aquí te dejamos el link. 🤞
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? |
¡Hasta la próxima! 🤟