#224 Gap es el nuevo margen
State machines en React
Gap es el nuevo margen
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/423afc5b-b30e-444a-bb66-571438325260/Captura_de_Pantalla_2024-05-20_a_la_s__7.42.33_p.m..png?t=1716255764)
O eso es lo que se espera que suceda con la popularización del display: grid
y display:flex
pero aún no ha pasado. Fue más fácil deshacernos de los float
, pero los margin
aún cumplen funciones muy especificas, sobre todo para frontenderos desactualizados. Si no está roto, no lo rompas más, es un dicho que se viene a la mente con esta situación.
State machines en React
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/2e353393-59e7-4f2b-a3c0-3a8a2a9def01/Captura_de_Pantalla_2024-05-20_a_la_s__7.44.34_p.m..png?t=1716255897)
Este es un artículo que tienes que leer sí o sí. Un state machine es una forma en la que, dado una entrada o nuevo state en un programa, debe haber un nuevo state basado en esas entradas y que multiples entradas pueden derivar en multiples estados programados. Aquí lo explican con un Wizard Form que es muy común para un frontendero desarrollar y te da una nueva perspectiva para pensar como ingeniero de software.
Haciendo pruebas HTML con CSS moderno
Este es un excelente enfoque frontendero para hacer pruebas con solo HTML y CSS, y aunque esta biblioteca ya no esta mantenida bien, se podría hacer un fork y seguir trabajándolo.
GUÍA 📖
Construye y despliega una app Nuxt SSR serverless global con CloudFlare
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/63bda7de-0bff-4c88-b28a-dd90385baa4b/Captura_de_Pantalla_2024-05-20_a_la_s__7.48.30_p.m..png?t=1716256122)
Creemos que el título lo dice todo, pero por si tienes duda de si leer o no este artículo, si trabajas con Vue o CloudFlare, esto te puede servir para destrabar dudas.
EL RINCÓN DE CSS 👨💻
CSS en React Server Components (RSC)
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/8b2dd19a-d72b-490a-bf7a-7cfa5f63308f/Captura_de_Pantalla_2024-05-20_a_la_s__7.49.58_p.m..png?t=1716256209)
Si has usado RSC quizás ya te diste cuenta que hay cierta incompatibilidad con bibliotecas CSS-in-JS, en este artículo aprenderás más del tema y qué puedes hacer para solucionarlo.
INISPIRACIÓN 💡
Caso de estudio 84-24
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/5fd81382-7811-4dd0-9360-01ec7154f124/descarga.jpeg?t=1716256302)
El autor del sitio de 84-24.org escribió en el blog de Codrops todo el proceso de cómo se construyó este sitio, y tiene cositas muy interesantes, sobre todo al momento de utilizar GSAP.
HERRAMIENTA 🛠️
VueForm
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/68301a44-7c8e-4a24-a65e-dc8814274981/descarga__1_.jpeg?t=1716256365)
¿Necesitas una biblioteca para construir Formularios en Vue? Te traemos la única solución que necesitas: VueForm.
LANZAMIENTO 🚀
El código correcto para tu Design System
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/e723d542-66ad-49a8-958c-d8e8130cfde1/descarga.png?t=1716256436)
Si tu empresa o equipo, trabaja mucho con Figma, tienes que leer este blog sobre cómo utilizar sus herramientas para que sea más fácil tu trabajo como frontendero.
UN DÍA COMO HOY 🗓️
![](https://media.beehiiv.com/cdn-cgi/image/fit=scale-down,format=auto,onerror=redirect,quality=80/uploads/asset/file/dfddd439-386c-4526-92b6-2056cbd3e723/05-20_Efemerides_de_Tecnologia_Bill-Hewlett.jpeg?t=1716256504)
El 20 de mayo de 1913, nace Michigan, Estados Unidos, William Reddington Hewlett, el cofundador junto a David Packard de Hewlett-Packard Company (HP).
Hewlett fue aceptado en la Universidad de Stanford como favor a su padre, Albion Walter Hewlett, que murió prematuramente de un tumor cerebral en 1925.
Hewlett se licenció en ingeniería eléctrica y ciencias de la computación en la Universidad de Stanford en 1934 y consiguió su doctorado en el MIT en 1936.
Hewlett, durante su estancia en Stanford, conoce a David Packard en la realización de trabajos universitarios.
Él y Packard empezaron a discutir la creación de una compañía en agosto de 1937, creada formalmente el 01 de enero, de 1939.
También en 1939 se casó con Flora Lamson. La pareja tuvo 5 hijos: Eleanor, Walter, James, William y Mary.
Fue presidente de HP desde 1964 a 1977 y Chief Executive Officer (CEO) de 1968 a1978, cuando le sucedió John A. Young.
Permaneció como presidente del comité ejecutivo hasta 1983, y, posteriormente, como vicepresidente del consejo hasta 1987.
En 1966, él y su mujer fundaron la "William and Flora Hewlett Foundation".
En 1995 recibió el premio Lemelson-MIT Prize por el logro de una vida.
VACANTE 💼
Senior Vue.js Developer
Ubicación:América Latina (Remoto)
Empresa: Right Balance ®
Requisitos: Hablar y escribir inglés de nivel intermedio alto a fluido. Capaz de tener una conversación en tiempo real. Más de 7 años de experiencia práctica en desarrollo de software a tiempo completo. Más de 5 años de experiencia práctica a tiempo completo en Vue.js. Más de 2 años de experiencia práctica en liderazgo técnico a tiempo completo. Automotivado: capacidad para lograr un progreso continuo y constante sin estímulo adicional. Comunicación proactiva: experimente comunicarse y obtener detalles de los miembros del equipo de manera proactiva, en lugar de esperar instrucciones.
Para que puedas conocer más de 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! 🤟