Upload

Log in to follow creators, like videos, and view comments.

eh-background

Create effects

AboutNewsroomContactCareers
TikTok for GoodAdvertiseDevelopersTransparencyTikTok RewardsTikTok Embeds
HelpSafetyTermsPrivacyCreator PortalCommunity Guidelines
See more
© 2023 TikTok

rodasdev

Guillermo Rodas

347Following
109Followers
235Likes

I help developers to improve their skills while creating quality products.

Estilos basados en props, siguiendo la metodología de Tailwind CSS 🌀 como librería de utilidades: Combinación prop-valor. Ejemplo: 'type-primary', 'size-big', según las props recibidas. #estilos #props #tailwind created by Guillermo Rodas with Guillermo Rodas's original sound - Guillermo Rodas
171
Estilos basados en props, siguiendo la metodología de Tailwind CSS 🌀 como librería de utilidades: Combinación prop-valor. Ejemplo: 'type-primary', 'size-big', según las props recibidas. #estilos #props #tailwind
Al hacer un Code Review, añade elementos visuales como pantallazos o el link de Storybook. Si el pull request y Storybook coinciden, se puede aprobar. Recuerda el concepto de Storybook-driven development. #codereview #storybook #visual
Paga, carajo! #software
¿Qué es un botón secundario? Es una acción alterna al botón primario, la acción principal clara en una app para mantener la concentración del usuario y reducir clics. Ej: en un formulario, el botón principal sería "aceptar" y el secundario "cancelar". #button #acción #form #ux
Personalmente, creo que los diseñadores deberían preferir colores a la transparencia. Con fondos variados, la transparencia cambia, mejor optar por contrastes y colores puros. ¿No es mejor usar colores adecuados en vez de transparencia? #diseñadores #colores #transparencia
Utilizo Sip, una herramienta 🛠️ que no solo se encarga de seleccionar colores, sino que además les asigna nombres. Me fascina que los colores 🌈 posean nombres, y no solo sean identificados por números. ¡Te recomiendo esta técnica en tus proyectos! #sip #colores #nombres
Cargar fuentes en proyectos es un reto. Se pueden usar técnicas de carga asíncrona con font-display: block: breve bloqueo y cambio infinito. swap: bloqueo mínimo y cambio infinito. #fuentes #asincrona #font-display
Minimizamos dependencias en nuestro proyecto. Se necesita equilibrio. Si hay una semana o seis meses, las decisiones cambian. En seis meses, probamos cosas nuevas. En una semana, lo seguro, incluso solo PHP con jQuery. #dependencias #equilibrio #mvp
Para un proyecto React solo necesitas React 📘 y Babel 🐦. 1. React solo con funciones de createElement es limitado. 2. React con JSX requiere Babel para transpilar JSX. Webpack realmente no es necesario. #react #babel #webpack
No hay solución instantánea. Importa actuar 🎬, no esperar lo perfecto. En programación, nombrar es duro. A menudo, mejor hacer y renombrar, nada es eterno. No temas, podemos refactorizar luego 🔧. Crucial es que funcione ✅. #programacion #actuar #refactorizar
Es esencial actualizarnos y adaptarnos a los avances tecnológicos para no perder oportunidades de crecimiento. 🚀 No permitamos que la falta de conocimiento nos detenga en nuestro camino hacia el éxito. 🙅♀️ #documentacion #tecnologia #exito
¿Estás familiarizado con el patrón "Barrels files"? 🤔 Este consolida múltiples exportaciones de un módulo en una única fuente de importación conveniente. 💪 Button / Button.js, index.js 📥 #patron #programacion #importacion
¿Cómo organizamos los componentes? Atomic Design: átomos 🧪, moléculas 🔬 y organismos 🧬. Para una librería, solo átomos 🧪 y moléculas 🔬. Los organismos 🧬 deben ser componentes que usan la lógica de negocio de tu proyecto. #atomicdesign #componentes #logica
Yo uso Visual Studio Code y WebStorm. 😎 WebStorm: Repleto de funciones, con herramientas incorporadas, ideal para proyectos grandes. 🚀🔥 VS Code: Gratuito, extensible con complementos, ligero y de arranque rápido. 💰💨 #webstorm #vscode #proyectos
No olvides, estamos creando un producto. La tecnología es impresionante, pero hacer un proyecto en una semana, no basta. 😱 El reto es hacer realidad la idea y demostrar a los inversores su validez y la existencia de usuarios dispuestos a usarlo. 💪 #producto #tecnologia #idea
Storybook es una biblioteca diseñada para la creación de componentes visuales y documentación. 😍 Es compatible con React, Vue, Angular, Web Components y HTML. ✅ Adoro su agnosticismo tecnológico y su excelente integración con React. 😄 #storybook #integracion #ui
Get TikTok App