Simplifique el estilo con CSS funcional

No hay duda de que el “CSS funcional” resuena fuertemente entre algunas personas. Si ese término es nuevo para usted, creo que ha llegado a significar lo mismo que “Atomic CSS” tal como lo define John Polacek aquí . Harry Nicholls lo compara con una función que solo puede producir un resultado (aunque yo lo llamaría función pura o componente puro), pero en lugar de que un valor de retorno sea completamente predecible según las entradas, es una aplicación de estilo que solo hace Una cosa.

Tengo dos opiniones aquí. La gente dice lo rápido que pueden trabajar de esta manera. ¡Excelente! Les gusta lo predecibles que son los estilos aplicados. ¡Excelente! Puedo entender que una pequeña hoja de estilo que no crece con el tiempo también sea atractiva.

Al mismo tiempo, no he visto escritos sobre otras preocupaciones de estilo.¿Qué pasa con los grandes rediseños? ¿Es más o menos lo mismo, en cuanto a tiempo y dificultad, o pasas más tiempo derribando todas esas clases? ¿Qué sucede cuando necesitas un estilo que no está disponible? ¿Escribe lo tuyo? ¿O eso arruina el espíritu de todo esto y te pone en territorio peligroso? ¿Qué tan intensos pueden llegar a ser todos los nombres de las clases? Puedo pensar en áreas a las que he diseñado que tienen tres o más consultas de medios que cambian drásticamente el estilo de un elemento. Poner toda esa información en HTML parece que podría resultar muy complicado. ¿La consistencia es más difícil o más fácil? Entiendo que “p5” podría ser una forma útil de aplicar una cantidad abstracta de relleno, pero aun así necesitas esparcirlo por todo tu código base y saber cuándo usarlo, ¿verdad?

Lo más cerca que estuve de convencerme fue escuchar de Adam cuán configurable es Tailwind. En cualquier caso, todo esto me parece infinitamente fascinante y, si te encanta, más poder para ti.