React 初心者向けの、ハンズオン形式のオンライン勉強会です👋
事前に作成した資料があるので、それを参照しながら、ハンズオン形式で、Reactのミニアプリを構築します！
実際に手を動かして、その場で質問・相談しながら、楽しくReactを学んでいきましょうー！
❓このハンズオン勉強会についての紹介記事
今回のお題
作成するアプリ：
割り勘計算アプリ（with Zustand）
レベル：初級〜中級
概要：
このプロジェクトでは、割り勘を行うメンバーと、立て替えた記録を記入することで、最適な精算方法を算出するアプリを構築します。
グローバルな状態管理を実践し、３つのコンポーネントで、値を参照・編集します。
学習する内容：
今回は、Zustand を用いたグローバルな状態管理について、学習します。React における状態管理、useState などとの違い・使い分けについて、確認してください。
viteを用いたReact環境構築
TypeScriptによる型チェック
Tailwind CSS を用いたスタイリング
Zustand によるグローバルな状態管理
Store 設計の基礎
複数コンポーネント間での state 共有
カスタムフックによるロジックの分離
GitHub Pagesへのデプロイ
この勉強会を通して、Reactを使った成果物を１つ構築することを目指します！
こんな初心者におすすめ！
Reactの基本的な扱いに慣れてきた方
グローバルな状態管理について学びたい方
Reactエンジニアとしての転職/就職を目指している方
Reactを使った簡単なプロジェクトにチャレンジしてみたい方
要件：
Node.js 環境（v18.18.0 以上）が構築されたPCが必要です
Git/ GitHub環境（アカウント）の用意
HTML/CSS/JavaScriptの基礎知識が必要です
Reactの基礎（Progateレベルの内容）は理解している前提の内容となっております
開催概要
➡️場所：Google Meet を予定(オンライン開催）音声のみでOKです！
申し込みが完了すると「参加者への情報」という場所に、URLが表示されます。
なお、Google Meetへの参加は、Google アカウントが必要です！
➡️参加費1000円 (当日 PayPay o...
プラットフォーム: techplay / 主催者: 「はじめてのReact」チュートリアル学習コミュニティ