BEGIN:VCALENDAR
VERSION:2.0
PRODID:-//https://techplay.jp//JP
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALDESC:【React/ 状態管理入門】初心者向けハンズオン
 勉強会(割り勘アプリ Zustand）
X-WR-CALNAME:【React/ 状態管理入門】初心者向けハンズオン
 勉強会(割り勘アプリ Zustand）
X-WR-TIMEZONE:Asia/Tokyo
BEGIN:VTIMEZONE
TZID:Asia/Tokyo
BEGIN:STANDARD
DTSTART:19700101T000000
TZOFFSETFROM:+0900
TZOFFSETTO:+0900
TZNAME:JST
END:STANDARD
END:VTIMEZONE
BEGIN:VEVENT
UID:991750@techplay.jp
SUMMARY:【React/ 状態管理入門】初心者向けハンズオン勉強
 会(割り勘アプリ Zustand）
DTSTART;TZID=Asia/Tokyo:20260201T160000
DTEND;TZID=Asia/Tokyo:20260201T180000
DTSTAMP:20260424T081229Z
CREATED:20260129T064058Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/99175
 0?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\n❓このハン
 ズオン勉強会についての紹介記事\n今回のお題\n\n作成
 するアプリ：\n割り勘計算アプリ（with Zustand）\nレベル
 ：初級〜中級\n概要：\nこのプロジェクトでは、割り勘
 を行うメンバーと、立て替えた記録を記入することで
 、最適な精算方法を算出するアプリを構築します。\n
 グローバルな状態管理を実践し、３つのコンポーネン
 トで、値を参照・編集します。\n学習する内容：\n今回
 は、Zustand を用いたグローバルな状態管理について、
 学習します。React における状態管理、useState などとの
 違い・使い分けについて、確認してください。\n\nvite
 を用いたReact環境構築\nTypeScriptによる型チェック\nTailwi
 nd CSS を用いたスタイリング\nZustand によるグローバル
 な状態管理\n\nStore 設計の基礎\n複数コンポーネント間
 での state 共有\n\n\nカスタムフックによるロジックの分
 離\nGitHub Pagesへのデプロイ\n\nこの勉強会を通して、Reac
 tを使った成果物を１つ構築することを目指します！\n
 こんな初心者におすすめ！\n\nReactの基本的な扱いに慣
 れてきた方\nグローバルな状態管理について学びたい
 方\nReactエンジニアとしての転職/就職を目指している
 方\nReactを使った簡単なプロジェクトにチャレンジして
 みたい方\n\n要件：\n\nNode.js 環境（v18.18.0 以上）が構築
 されたPCが必要です\nGit/ GitHub環境（アカウント）の用
 意\nHTML/CSS/JavaScriptの基礎知識が必要です\nReactの基礎（
 Progateレベルの内容）は理解している前提の内容となっ
 ております\n\n開催概要\n➡️場所：Google Meet を予定(オ
 ンライン開催）音声のみでOKです！\n申し込みが完了す
 ると「参加者への情報」という場所に、URLが表示され
 ます。\nなお、Google Meetへの参加は、Google アカウント
 が必要です！\n➡️参加費1000円 (当日 PayPay or stripeによ
 るカード決済にて都合の良い方法で受け取ります。)\n
 （初回のみ）この勉強会のレビューをシェアいただけ
 る場合は、参加費 500円（50% オフ）です！\n注意事項\n
 下記を、ご確認ください：\n\n実際に手を動かして、一
 緒に作業をするハンズオン形式のワークショップとし
 て進行します。\n視聴のみで参加することも、全く問
 題ないです！\n主催者の画面・音声は動画収録される
 ことがありますのでご了承ください。\n勉強会終了後
 も、継続的に資料へアクセスするには、b13o.com のアカ
 ウントが必要です。\n無断欠席・遅刻は、ご遠慮くだ
 さい。\n勧誘、迷惑行為、ハラスメント、マウンティ
 ング行為をはじめ、このイベントの趣旨にそぐわない
 と主催が判断した場合はご参加をお断りする場合がご
 ざいます。\n\n当日のスケジュールの流れ\nハンズオン
 中は、資料を見ながら一緒に作業を進めていければと
 思います！（音声・チャットで、リアルタイムでリア
 クションや質問ができます）\n\n\n\n時間\n内容\n\n\n\n\n16
 :00〜16:10\n最初の挨拶\n\n\n16:10〜16:20\n仕様確認＆開発準
 備\n\n\n16:20〜17:50\nハンズオン開始\n\n\n17:50〜\n終わりの
 挨拶など\n\n\n\nその他：\n\n実際は、時間内で、進める
 ところまでタスクを進める形になります。\n時間内に
 完成しない場合でも、大まかな解説と手順を記載した
 資料を、配布いたします！\nなので、勉強会中は、ゆ
 っくり・たくさん質問して頂ければと思います！！\n\n
 ハンズオンの最中は、たくさんリアクションをして、
 盛り上げていただけるとありがたいです！（進めるス
 ピードなどの、進行に関するご意見も大歓迎です！）\
 n運営情報\n\nReact で、実践的なスキルチェックができ
 る、学習のお題まとめサイト『React Road』のハンズオン
 イベントです🐾\n参考キーワード\nwebアプリ開発\, HTML\
 , CSS\, JavaScript\,TypeScript\, React.js\, Node.js\, Next.js\, Github\, 
 コミュニティ\, もくもく会\, ハンズオンワークショッ
 プ
LOCATION:
URL:https://techplay.jp/event/991750?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR