#247 Patrones de diseño CSS modernos

Patrones de diseño CSS modernos

Una cosa es hacer CSS para sitios web sencillos y otra muy distinta es para hacerlo con productos. Y la complejidad aumenta cuando son productos usados por cientos de miles de personas. Y ni que decir cuando es mantenido por cientos de programadores. Pero la complejidad de esto ultimo se puede evitar cuando se usan buenos patrones de diseño. Y de eso va este artículo por los compas de Basecamp, que varias cosas saben de buen diseño y optimizar CSS.

Cómo añadir estilos a una aplicación React

En tiempos donde parece que todo es TailwindCSS, hay que darse un respiro y recordar cómo eran los tiempos antes de que tuviéramos 100 clases embebidas en nuestros elementos HTML. En realidad, crear estilos para React nunca fue difícil, pero a la gente le gusta hacer tormentas en vasos de agua y por eso se adoptó con tanta vehemencia Tailwind, ¿no nos crees?, checa este artículo y dinos si no es fácil y sencillo trabajar con estilos en React.

Actualizando jQuery, trabajando hacia una Web sana

A veces nos dejamos influir por las ultimas tendencias y nos olvidamos que en desarrollo de software (web) hay un dicho que dice así: "si funciona no lo toques”, y a veces tampoco se toca porque no hay nadie para moverle al código. Tal es el caso del uso de jQuery en el panorama mundial. Después de leer este artículo tal vez te des cuenta que hay otra Web ahi afuera y necesita nuestra ayuda.

GUÍA 📖 
Una introducción a TSConfig para Frontenderos

TSconfig es el archivo que todos sabemos que esta ahí pero muchas veces no nos atrevemos a tocarlo y lo dejamos tal y como la herramienta que usamos nos lo generó. Hasta que tenemos que tocarlo nos acordamos que existe, pero si sabes usarlo lo puedes optimizar y ahorrarte muchos dolores de cabeza a futuro, créenos.

INISPIRACIÓN 💡 
Los colores del clima

¿Qué tal está el calor en donde vives? 🥵 Quizás ya te cayó el veinte de que las cosas están mal y se están poniendo peor. O quizás no. 🤷‍♂️ Para eso te dejamos este bonito artículo muy visual que te ayudará a comprender lo que está pasando con el cambio climático.

OFERTA ESPECIAL PARA TI ⭐️ 
Mentoria gratuita

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

VIDEO 📹️ 
De 0 a Producción

Si eres frontendero con experiencia interesado en crear productos digitales y con suficiente experiencia en React, tienes que ver este tutorial de React Moderno para este 2024

HERRAMIENTA 🛠️ 
React Admin

¿Te llegó una chamba en la que tienes que crear un admin o dashboard y la quieres sacar supafast? Tranquis, te tenemos una solución que tienes que probar. 😉 

Puck

¿Quién dice que no podemos desarrollar utilizando herramientas de tipo visual para proyectos para producción? Si has utilizado herramientas como Gutenberg de WordPress o WebFlow o Framer, quizás conoces ese tipo de interfaz de usuario visual del que te hablamos, pero si no, igual te invitamos a checar Puck y ver si lo puedes implementar en tu siguiente proyecto.

UN DÍA COMO HOY 🗓️ 

El 05 de junio de 2012, Google adquiere el fabricante de la aplicación móvil QuickOffice.

QuickOffice es una app desarrollada para trabajar en documentos creados en programas de Microsoft para procesamiento de texto, hojas de cálculo y presentaciones.

El objetivo de Google es aumentar su competitividad contra la Microsoft Office, debido a que la app QuickOffice permite a las personas realizar su trabajo en los teléfonos inteligentes y Tablet PC.

Quickoffice hace que esos dispositivos compatibles con Microsoft Office, incluso si el paquete de software no está instalado en ellos.

Google ya lleva algunos años tratando de competir con Microsoft en el mercado de las soluciones ofimáticas, ofreciendo su propia suite de programas de oficina como el que se puede acceder a través de Internet. Estas apps eran llamadas para ese momento “Google Docs” y se ofrecían en forma gratuita.

Por su parte Microsoft desestimó la compra de Google afirmando: “Google Apps requiere compromiso y no cumplen con las necesidades de productividad de la mayoría de las personas y las empresas", dijo Clint Patterson, director de comunicación para la división Office de Microsoft.

Se estimaba que más de 400 millones de dispositivos utilizaban la aplicación Quickoffice para el momento de la adquisición, la costaba de $15 a $20.

Quickoffice, contaba con 400 empleados y estaba dirigido por Alan Masarek, quien cofundó la compañía hace una década.

VACANTE 💼 
FRONT-END DEVELOPER

Ubicación: Ciudad de México
Empresa: Cattri
Requisitos: 5+ años de experiencia en desarrollo front-end. Sólido conocimiento de React, Svelte, JavaScript, TypeScript y Tailwind. Experiencia con monorepo. Conocimiento de frameworks frontend como Astro y/o Next.js Familiaridad con Google Cloud, Firebase. Familiaridad con control de versiones Git (preferible). Familiaridad con Figma.
Beneficios: Oportunidad de trabajar en proyectos desafiantes y de alto impacto. Unirse a un equipo talentoso y apasionado por la tecnología. Ambiente de trabajo colaborativo y estimulante. Posibilidad de crecimiento profesional y desarrollo de nuevas habilidades.

¿Quieres saber más de esta vacante? Aquí te dejamos el link para que lo cheques. 🤞 

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 👀