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:983779@techplay.jp
SUMMARY:【React/ 状態管理入門】初心者向けハンズオン勉強
 会(割り勘アプリ Zustand）
DTSTART;TZID=Asia/Tokyo:20250720T160000
DTEND;TZID=Asia/Tokyo:20250720T180000
DTSTAMP:20260503T012754Z
CREATED:20250712T081832Z
DESCRIPTION:イベント詳細はこちら\nhttps://techplay.jp/event/98377
 9?utm_medium=referral&utm_source=ics&utm_campaign=ics\n\nReact 初心者
 向けの、ハンズオン形式のオンライン勉強会です👋\n
 事前に作成した資料があるので、それを参照しながら
 、ハンズオン形式で、Reactのミニアプリを構築します
 ！\n実際に手を動かして、その場で質問・相談しなが
 ら、楽しくReactを学んでいきましょうー！\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➡️参加費1500円 (当日 PayPay or stripeによ
 るカード決済にて都合の良い方法で受け取ります。)\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/983779?utm_medium=referral&utm_source=ics&utm
 _campaign=ics
END:VEVENT
END:VCALENDAR