Tailwind CSS入門 - ICS MEDIA
https://ics.media/entry/261016/

Tailwind CSS入門
Tailwindはクラス名を文字列として走査してCSSを生成するため、JS変数を含むクラス名は効かないことを説明しています。

ビルド時に文字列として見つからない値には、対応するスタイルが生成されないので、使う候補はあらかじめ完全な文字列で書いておく必要があります。

I know I've said this before, but I really hate CSS Modules.

Seriously, can it please go die in a fire?

#webdev #CSS #CSSModules

Ha! There’s indeed a discussion at the #shadcn repo about stripping all of the #TailwindCSS stuff from the Shadcn components. So far, none of the maintainers have shown up, but people are already creating forks and implementing #CSSModules.

github.com/shadcn-ui/ui...

I realized the #shadcn components I wanted to use were built with #tailwindcss as well. Shit. I got annoyed, lazy, and asked #chatgpt to rewrite them into #cssmodules for me. It worked well, but the thought of doing this for every new component? Frustrating.

Last week, I spent a lot of time thinking about styling my #reactjs project. Started with #tailwindcss but got annoyed quickly (for a few reasons) and rewrote everything with styled-components. Didn’t like it either, so I switched again to #cssmodules ’cus it felt simpler. And it was! But…

💅 Using CSS Modules in your projects.
CSS Modules are often underrated. Looking for an alternative to Tailwind CSS? They’re one of the cleanest ways to keep styles scoped to your components and avoid global CSS conflicts.

Let’s go through some practical tips. 🧵
#DeveloperTips #CSSModules

“How to obfuscate CSS class names with React and Webpack” by @develoger#reactjs #cssmodules #classnames

develoger.com/how-to-obfusca…

CSS in the Age of React: How We Traded the Cascade for Consistencyvia @YelpEngineering #javascript #reactjs #cssmodules

engineeringblog.yelp.com/2018/03/css-in…

I remember getting into heated arguments years ago over Styled Components. I thought they were a bad idea and pushed for CSS Modules instead. Happy to report: I was right.

#WebDev #CSS #Frontend #StyledComponents #CSSModules #TechOpinions

In my side-projects, I've fallen back to React/Redux/CSSModules/All relative paths/Simple Redux Router.

I'm done with complexity.

github.com/andyjessop/p...

Tech stack-wise, this is React with Preact Signals, PouchDB for storage, a custom Router with nested routes (based of this one I built last year: github.com/andyjessop/p...), Mantine for building blocks, CSSModules all the way, Cloudflare DO, with Supabase Auth.