FullStackOpen Part2-e Adding styles to React app メモ

CSS復習
エレメントセレクター h1{}
クラスセレクター  .note{}

Improved Error message

CSSでエラーメッセージっぽくする

Inline Styles

CSSからスタイルを指定するだけでなく、スタイルオブジェクトを作成し、<div style={}>に直接渡すこともできる

従来の考え方ではCSS HTML Javascriptは独立すべきという考え方だったが、Reactはコンポーネント単位に対しスタイルを定義するという考え方を推奨

CSSではこう

{
  color: green;
  font-style: italic;
  font-size: 16px;
}

インラインではこう

{
  color: 'green',
  fontStyle: 'italic',
  fontSize: 16
}

styleをオブジェクトにしてステート管理するのもいける

A couple of important remarks

useEffectの第二引数(第一はhook)は配列を取り、配列に指定した変数が変化した際に再実行される