After a redesign of this site, I share some thoughts on the unexpected benefits and surprising lessons of vanilla CSS.
I tested OpenProps, Bulma, and TailwindCSS while migrating to Bridgetown, and found they fall on a revealing continuum from pure CSS custom properties to all-in utility classes. Here's what I learned about each approach.
tailwind-merge is 何 ?
React NativeでTailwind CSSを使用したいということで調べてみると下記２つが該当した。
tailwind-rnとnativewindの比較
- tailwind-rn ☆4.1k
- nativewind ☆3k
スターはtailwind-rnが上回っているけど、活動の多さではnativewindが上回っているようなので、nativewindを採用した。
nativewindの導入
ドキュメントも丁寧なのでなぞって行っていく。
上記コマンドで該当パッケージをインストールする。
次に上記コマンドでtailwind.config.jsを作成し、下記のように記載する。
次にbabel.config.jsを下記のように編集していく。
以上とのことなので、起動してみる。…
Vite（読み方はヴィート）とは？
次世代フロントエンドツール
最先端をいく開発環境を構築しましょう と謳うように下記のような特徴を持つ。
- 瞬時にスタートするサーバ
- 超高速な HMR
- 豊富な機能
- 最適化されたビルド
- ユニバーサルなプラグイン
- 完全に型定義がされている API
これを読んでもピンとこないと思うので、まずは環境構築をしてみてほしい。 そのスピードに驚くこと、間違いない。
React & TypeScrpt の環境構築
というコマンドを叩くだけで、
環境が構築される。 この時点でもうReactの開発環境が構築されている。
Tailwindを導入する
reactにおけるcssの取り扱いは少し癖があり悩むところがあるので、何も考えずにtailwindを導入する。
上記コマンドでTailwindのインストールと設定ファイルを作成する…
Page 1