CSSファイルの一番の問題はグローバル定義がされてしまう事で、WEBコンテンツ全体に影響範囲(スコープ)が及ぶことです。通常のCSSやインラインスタイル(Inline styles)ではこのスコープの問題を解決できなかったり、機能不足な面があります。CSS Modulesは従来CSSと同じレベルで使えて、さらにクラス名にプレフィックスがつくため、CSSのスコープが他のコンポーネントに及ぶ事がありません。
ReactのPropsにはchildrenという、テキスト情報を受け渡しできる専用の名称があります。プロパティ値は専用タグ名称で受け渡し、テキスト情報(HTMLソース丸ごと)はchildrenで渡せます。Propsは分割代入をする事でprops.の記述を省略する事ができますが、propsから渡ったデータかどうかが判別しにくくなります。
Reactではデータを各パーツごとにコンポーネントjsファイルに分割する事で、共有部分の使い回し・管理ができます。ReactはJSX記法を採用しているので、jsファイルの中にHTMLソースをそのまま記述する事ができます。分割したjsの関数名と同じタグ名をつける事ができ、コンポーネントを入れ子にする事で階層化部分も分割する事が可能です。
Reactではデータを各パーツごとにコンポーネントjsファイルに分割する事で、共有部分の使い回し・管理ができます。ReactはJSX記法を採用しているので、jsファイルの中にHTMLソースをそのまま記述する事ができます。分割したjsの関数名と同じタグ名をつける事ができ、コンポーネントを入れ子にする事で階層化部分も分割する事が可能です。
ReactをWindowsPCにインストールして、初期ページをWEBサイトに公開するところまでを紹介します。インストールの際は、React以外に必要なツールを省略して導入できる「Create React App」が便利です。WEBサイトに公開する場合は、buildコマンドで生成したフォルダをサーバーにUPすれば表示されます。