TailwindCSS VS Material-ui

本題はこれ。

Next.jsで開発する際、どちらのフレームワークを選定するのがよいのか。
それを考察していく

今の印象

現在は両方触ってみたことがあるが、Material-uiのみ開発に使ったことがある状況

一度触ったときは、bootstrapと異なり、コンポーネントが用意されてなくて、「なんだこれ？」って思った。使えればめっちゃ便利そう。

ほぼbootstrap。Reactで開発した際は、Material-uiを使うのがポピュラーっぽかったので、採用。
bootstrapのようにコンポーネントがたくさん用意されているので、それをぽちぽちと使える。

TailwindCSSは、CSS特有の同じスタイルだけど、違う要素を用いる際に発生するズレを解消すべく、cssというより、html側で制御するっぽい。

これっていい感じじゃね？規模が大きければ大きいほどcss側は楽そう。でもhtmlってかjsxのコードが多くなりそう

一旦、TailwindCSSを使ってみて、無理だったらMaterial-uiに移行する。