ReactでCSSを適用させるタイミング

Question

現在Reactで開発しているのですが、CSSを適用するタイミングいつ頃がベストなのでしょうか？
APIを叩いてチャット機能を実装し、APIから名前、画像、メッセージをもらうのですが、通信周りの作業が終わり次第CSSを適用させるのが、一般的でしょうか？
それとも通信作業を想定してあらかじめCSSを書いた方がいいのでしょうか？
実際、実務で開発する際のフローが知りたいです。

Answer 1

どちらでも良いといえば良いのですが...僕の場合を回答しておきます。

APIのレスポンスの型がある程度わかっている場合は、最初にpresenter component（見た目）だけを構築してしまうと見通しが良いと思います。レスポンスの型がわかっていなくても、APIだけをpostmanなどのツールで叩いてレスポンスの型を把握してから作業しています。

一通りpresenter componentを作った後は、通信や状態管理を行うcontainer componentを作り、そこからpresenter componentにprops渡しをする形で繋ぎ込みを行っています。

Comments

[21212121]

なるほどです。ありがとうございます。
と言いますと、先にCSSの枠組みを作って後々container componentからpropsを受け取って再度修正する認識であってますか？

[Nkowne63]

そうですね。ただ、あまりにも修正が多いと辛いので、先にAPIのレスポンスやリクエスト形式を把握するようにしています。

Answer 2

CSSを適用するタイミングいつ頃がベストなのでしょうか？

CSSファイルを事前に読み込んでおいて、適切なクラスを当てたエレメントを生成すればそのまま表示される、という流れがいいかと思います。

Comments

[maisumakun]

すみません、質問をよく読んだら開発の流れでしたね…ちょっと的はずれな回答をしてしまいました。

[21212121]

いえいえ、ご回答ありがとうございます！