第1回:    • 【Next jsで学ぶReact講座 #1】Reactを学ぶにはNext.jsから入...  
第2回:    • 【Next jsで学ぶReact講座 #2】コンポーネントの作り方と、Next.js...  
第3回:    • 【Next jsで学ぶReact講座 #3】Propsを使ってコンポーネントの表示を...  
第4回:    • 【Next jsで学ぶReact講座 #4】Propsに色んなデータを渡したり、Ch...  
第5回:    • 【Next.jsで学ぶReact講座 #5】CSS Modulesを使うとCSSの管...  
第6回:    • 【Next.jsで学ぶReact講座 #6】Linkコンポーネントを使って高速なペー...  
第7回:    • 【Next.jsで学ぶReact講座 #7】コンポーネントを繰り返すときはmapをよ...  
第8回:    • 【Next.jsで学ぶReact講座 #8】jsとjsxどっち？ディレクトリ構成は何...  
第9回:    • 【Next.jsで学ぶReact講座 #9】クリックイベント（onClick）はどう...  
第10回:    • 【Next.jsで学ぶReact講座 #10】useEffectとライフサイクルを理...  
第11回:    • 【Next.jsで学ぶReact講座 #11】useStateの状態管理について解説...  
第12回:    • 【Next.jsで学ぶReact講座 #12】useEffectやuseCallba...  
第13回:    • 【Next.jsで学ぶReact講座 #13】useStateで文字列（string...  
第14回:    • 【Next.jsで学ぶReact講座 #14】イミュータブルや破壊的メソッドを理解し...  
第15回:    • 【Next.jsで学ぶReact講座 #15】Custom Hooks（カスタムフッ...  
第16回:    • 【Next.jsで学ぶReact講座 #16】Stateのリフトアップでページ間やコ...  

🚧 バージョン違いにご注意ください
講座内ではReactはv17.0.1、Next.jsはv10.0.8を使用しております。現行より古いバージョンですが動画内のコードはほとんど問題なく動作しますし、お伝えしている内容は現在でも使う知識ばかりなので学習には支障ありません。もし動かない場合は、公式ドキュメントを参考に各自で修正してください。よかったら修正方法をコメント欄で教えていただけると嬉しいです。

またNext.jsドキュメントやVercelなどの各種サービスもUIが一部変更になっていたりします。ただ実現できること自体は変わりませんので、各自で新しい方に置き換えて進めていただけますと幸いです（これも良い学びになります👍）。

🐙 コード
オンラインサロン限定となっております。

オンラインサロン → https://it-kingdom.com
・React, TypeScript, テストなど100本以上の講座（今も更新中）
・月に最低2回以上のライブコーディング講座
・月に最低1回以上のオンラインイベント
・毎日開催されるもくもく勉強会
・毎日のニュースシェア会（ITラジオのパワーアップ版）
・私にいつでも質問・相談できる環境
・チーム開発など他にもたくさんのコンテンツ
・2日に1回、新規の方向けの説明会もあります

エンジニアを目指す方や一緒に勉強する仲間を作りたい方にオススメです！
みなさんと一緒にスキルアップできるのを楽しみにしています！😊✨

📙 もくじ
0:00​​​ 今日やること
2:03​ 講座の概要・順番を説明
3:05 _app.jsxのComponentの説明
5:34 ページ間でのStateのリフトアップ
10:28​​​ ページ間とコンポーネント間の違いについて
11:28 先にいったんコミット
12:22​​​ コンポーネント間でのStateのリフトアップ①
14:46 sliceメソッドの使い方を解説
16:41​​​ コンポーネント間でのStateのリフトアップ②
21:47 今回の内容まとめ
22:38 GitHubにpush & Vercelにデプロイ

👨‍💻 自己紹介
ヤフー株式会社でプログラマーとして働いていました！
現在は起業家として新規サービスを開発中です！
下記に興味がある方はチャンネル登録をおねがいします！
・IT業界、Web系、プログラミング講座
・リモートワーク、在宅勤務、副業
・スタートアップ、ベンチャー、経営者、社長

🌏 SNS
Twitter:   / shimabu_it  
Instagram:   / shimabu_it  
Voicy: https://voicy.jp/channel/1886
しまぶーのスプラ大学:    / @spla  

🏷️ タグ
#React #React入門 #NextJS