---
# System prepended metadata

title: 「Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版」

---

# 「Reactに入門した人のためのもっとReactが楽しくなるステップアップコース完全版」
## 3:再レンダリングの仕組みを知りレンダリングを最適化する
- 再レンダリングが起きる条件
    - stateが更新されたコンポーネントは再レンダリング
    - propsが更新されたコンポーネントは再レンダリング
    - 再レンダリングされたコンポーネント配下の子要素は再レンダリング
- 動画ではpropsの変更による再レンダリングを防ぐ方法が2つ紹介されていた
★日本語が変。ドキュメントを見て記述を修正する
    - コンポーネントのメモ化
    memoでコンポーネントのアロー関数を囲う
    - 関数のメモ化
    useCallbackでコンポーネントの引数のアロー関数を囲う

## 4:様々なCSSのあてかたに触れる
- Sass
CSSの機能を拡張した言語。
Sass is an extension of CSS, adding nested rules, variables, mixins, selector inheritance, and more. It's translated to well-formatted, standard CSS using the command line tool or a plugin for your build system.
- CssModulesを使うときは、cssを***.module.scssファイルに記述する
- Emotion自由度ありすぎ。
- 個人的にはstyled componentが好き。
Component使ってるのと、Sassがそのまま使えるため。
## 5:ルーティングの基礎(React Router)
## 6:コンポーネントの分割方法（Atomic Design）
## 7:グローバルなstate管理を知る
## 8:JSONPlaceholderでのデータ取得解説
## 9:React × TypeScript（基礎編）
## 10:React × TypeScript（応用編）
## 11:カスタムフック
## 12:実践アプリ作成（Chakura UI）