CSS in JSとしてVanilla-Extractを選んだ話と技術選定の記録の残し方

インクリメンタルに新しい技術を取り入れる方法では、VueからReactへ段階的に移行していったという話を紹介していました。 このReactの採用を決定してから大きな論点となったのは、ReactでCSS(スタイル)をどのように書くかについてです。 Reactのスタイリング方法には、デファクトと言えるものはありません。 Styling and CSS – React CSSファイルとclassNameを使う方法、CSSファイルをimportするCSS Modules、JavaScriptでCSSを書くCSS in JSなどさまざまな方法があります。 スタイリングライブラリの選定は、表現力はそこまで大きく変わりませんが選択肢が多過ぎます。 そのため、VueやReactを選ぶといった技術選定よりも難しい部分があります。 KARTE Blocks(以下、Blocks)では、最終的にReactのスタイ

[sh0g0]

ADR残すの大事ですよね

[yarumato]

“Reactのスタイリング方法にデファクトはない。CSSファイルとclassNameを使う、CSSファイルをimportするCSS Modules、JavaScriptでCSSを書くCSS in JSなどさまざまな方法。選定時に重要視した観点を満たせそうか実際に使って確認”

[jay-es]

ADR(Architecture Decision Records): アーキテクチャに関する意思決定の記録

[efcl]

emotionとvanilla-extractの比較。 ADRで技術選定のログを残す意味について