#241 Design Engineering en Vercel
DevTools Tips & Tricks
Design Engineering en Vercel
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/58461e7d-cdbf-4e94-bdfb-23966e0c33df/OG_Card_from_Figma.png?t=1715645401)
En nuestra industria, la del desarrollo de Software, los títulos y puestos de trabajo siempre se están reinventando. Y con las ventajas que representan herramientas como Figma, la estandarización de Design Systems y los nuevos features de CSS, es más fácil diseñar y construir interfaces de usuario. Y es más sensato aún, que una persona en un mismo rol este involucrado en todo este proceso sin que necesariamente haga todo, sino solamente colaborar y aportar su expertise. Y si hay una empresa en la que este rol puede florecer, es Vercel.
DevTools Tips & Tricks
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/b9580e17-acd3-4356-8712-14bb0eef556b/Captura_de_Pantalla_2024-05-13_a_la_s__6.12.27_p.m..png?t=1715645598)
Conocer las herramientas de desarrollador que trae tu navegador te puede ahorrar tiempo, instalación de bibliotecas, y en el mejor de los casos, dinero. Aquí te dejamos esta serie de tips & tricks que posiblemente no conocías que podías hacer con tu navegador.
Bugs de seguridad en el navegador que no lo son: JavaScript en PDFs
Hay dos cosas que son muy comunes en el desarrollo web: encontrarte un bug de seguridad y trabajar con PDFs. Y muchas veces pensamos que trabajar con PDFs es inseguro, pero todo en la Web es inseguro, y no por ello vamos a dejar de hacer Webs, ¿verdad?. Lo importante aquí es aprender sobre seguridad y como mitigar escenarios riesgosos para los usuarios de la Web.
Figma Plugins
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/1840148d-7e88-4cfa-a96d-ebbc92669c3b/Captura_de_Pantalla_2024-05-13_a_la_s__6.16.12_p.m..png?t=1715645785)
A veces hay que mirar un poquito fuera de nuestra área de confort para darnos cuenta que existen muchas áreas donde se puede desarrollar que no son tan populares, y podemos ver si nos conviene darle un giro a nuestra carrera. Por ejemplo, construir plugins para programas populares y en demanda. Y aquí te traemos un ejemplo de como hacer plugins para Figma.
INISPIRACIÓN 💡
Component Gallery
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/45bcc619-4bf6-4e4f-a321-fcb42b9578f9/Captura_de_Pantalla_2024-05-13_a_la_s__6.18.49_p.m..png?t=1715645999)
Prepárate para ser inspirado. The Component Gallery, es una colección de componentes de los mejores Design Systems organizadas por tipo de componente. De esta forma será más fácil buscar la inspiración (y puedas copiar) lo que necesitas sin tener que buscar entre cientos de componentes y archivos un Design System a la vez.
HERRAMIENTA 🛠️
MarkdownDown
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/805c20ba-7379-4641-8ca1-7b1085b6dd6f/og.png?t=1715646116)
¿Que te parecería converter tu sitio web o cualquier sitio web a Markdown incluyendo imágenes descargadas? Si tuvieras que convertir un proyecto con multiples páginas de contenido a Markdown para utilizar una herramienta de staticgen o alguna otra que funcione similar, esta herramienta te puede salvar mucho tiempo.
React Phone Number Input
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c74ea887-bedc-4de3-8d8d-ddb6fae0ce67/68747470733a2f2f6769746c61622e636f6d2f636174616d70686574616d696e652f72656163742d70686f6e652d6e756d6265722d696e7075742f2d2f7261772f6d61737465722f646f63732f696d616765732f66697273742d676c616e63652d6c6f63616c2e706e67.png?t=1715646201)
Hacía falta un componente así para cuando se trabaja con números telefónicos internacionales. Incluso si solo tienes que guardar un solo número telefónico puedes usar esta biblioteca porque te va a ahorrar mucho trabajo extra.
LANZAMIENTO 🚀
ESLint v9.0
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/4d6713b5-3eb5-4d9f-8729-d48fb08f7694/descarga.png?t=1715647564)
Hay una nueva versión de ESLint y antes de que corras a hacer npm install eslint@9.0.0 --save-dev
tienes que leer las nuevas cosas que trae y que cambian. Lo primero que tienes que notar, es que ahora solo es versión 20.0 o superior de Node.js, por lo que si tu proyecto no tiene esta versión, no vas a poder instalar el nuevo ESLint.
NOTICIA 📰
Convex se vuelve Open Source
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/cfff0c25-4f81-434f-96dc-e8cd9b8c5ca5/dag2.jpeg?t=1715647680)
Esta es una herramienta que hemos reseñado mucho a través de nuestros números, y ahora será más fácil hacerlo porque acaban de hacer Open Source su sistema de backend. Entonces, si en alguna ocasión quisiste probar pero no pudiste por el precio o las limitaciones de la licitación, ahora ya podrás hacerlo sin excusa.
UN DÍA COMO HOY 🗓️
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/c9580823-ff79-4b11-b77e-7992d8e1224c/05-13_Efemerides_de_Tecnologia__jerusalem.png?t=1715647780)
El 13 de mayo de 1988, se activa el virus “Jerusalem”, también llamado "Viernes 13", es el primer virus para el sistema operativo MS-DOS.
El virus Jerusalem o Jerusalén fue descubierto y aislado a finales de 1987 por la Universidad Hebrea de Jerusalén.
Este acontecimiento hizo despertar a muchos usuarios que hasta ese momento desconocían que los ordenadores pueden ser infectados por “virus”.
El Jerusalem se autoinstala en la memoria RAM de los ordenadores y afecta únicamente los archivos .EXE y .COM.
Al parecer los efectos del virus Jerusalén no parecían devastadores, pues sólo ralentizaba los procesos realizados por el usuario mientras se trabaja con los archivos instalados en el ordenador.
En realidad, el Jerusalem tenía previsto eliminar todos aquellos archivos que había infectado previamente, al igual que cualquier virus “orgánico”, Jerusalén requería de un período de incubación de un año. Se tenía previsto que el 13 de mayo de 1988 diera inicio con su devastadora “limpieza” de archivos.
La misma Universidad Hebrea desarrolló una vacuna contra el virus pero la incredulidad de los usuarios y el desconocimiento sobre protección ante virus, hizo que éste se extendiera por todo el mundo a gran velocidad causando pérdidas de datos en numerosas empresas y particulares, afectando notablemente en los Estados Unidos, Europa y el cercano Oriente.
VACANTE 💼
Frontend Developer
Ubicación: México (Remoto)
Empresa: Virtual Latinos
Requisitos: Licenciatura en Ciencias de la Computación o un campo relacionado (o experiencia equivalente). Más de 2 años de experiencia en desarrollo de software. Capacidad para trabajar en un entorno ágil y de ritmo rápido. Capacidad para trabajar en colaboración con equipos multifuncionales. Excelentes habilidades para resolver problemas y atención al detalle. Gran capacidad para trabajar en un ambiente de equipo. Capacidad para solucionar y depurar problemas de software complejos Pasión por aprender nuevas tecnologías y mantenerse actualizado con las tendencias de la industria. Gran atención al detalle y capacidad para trabajar en un entorno de equipo. Excelentes habilidades de comunicación verbal y escrita en inglés.
Beneficios: Relaciones laborales a largo plazo (esta no es una oportunidad basada en proyectos) Beneficios basados en la longevidad en el trabajo (como PTO y estipendios médicos) Un equipo y una cultura empresarial increíbles. Generosos recursos de formación con posibilidad de aumento salarial por los cursos realizados. Oportunidades de crecimiento para ascender dentro de la empresa.
Da click aquí para conocer mas de esta vacante. 🤞
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 el Miércoles! 🤟