初心者向けの無料JavaScript講座。毎日のレッスン、演習、ミニプロジェクトを通じて30日間で段階的に学べます。
Asabeneh/30-Days-Of-React
JavaScriptの基礎からhooks、ルーティング、状態管理まで、30日間で段階的に学ぶReact講座。
- スター
- 27,524
- フォーク
- 7,662
- 未解決の Issue
- 216
- 最終コミット
- 2 か月前
これは何?
30 Days Of Reactは、30日間、1日1レッスンで進むチュートリアルリポジトリです。JavaScriptの復習とReactの概要から始まり、コンポーネント、props、リストとkey、state、条件付きレンダリング、イベント、フォーム、制御コンポーネントと非制御コンポーネントの違いを学びます。
後半では、コンポーネントのライフサイクル、高階コンポーネント、React Router、FetchやAxiosを使ったデータ取得を扱い、その後、useStateを使ったフォーム、データ取得、カスタムhooks、Context、Refなどのhooksを学びます。実践的なプロジェクトに取り組む日もあり、教材は会話調の英語で書かれており、任意で解ける演習も用意されています。
リポジトリには、Node.js、Google Chrome DevTools、Visual Studio Codeのセットアップ手順に加え、リポジトリのforkや日々の解答のcommitに関するガイドも含まれています。基本的なHTML、CSS、JavaScriptをすでに知っている読者を対象としています。
主な機能
- 01コンポーネントやpropsからstate、イベントまで、Reactの基礎を扱います。
- 02React Router、Context、Ref、カスタムhooksなど、応用的なトピックも含まれています。
- 0330日間、1日1レッスンの構成です。
- 04必要な読者向けにJavaScriptの復習もあります。
- 05Node.js、Chrome DevTools、VS Codeのセットアップ手順を掲載しています。
ユースケース
- 基本的なJavaScriptに慣れたあと、Reactを基礎から学ぶ。
- 1か月間の体系的な日々の学習計画に沿って、Reactのスキルを身につける。
- 収録されたプロジェクトや演習に取り組み、hooksやルーティングを実践する。
クイックスタート
- 1
リポジトリをフォークしてクローンする
git clone git@github.com:username/30-Days-Of-React.git - 2
プロジェクトフォルダーに移動する
cd 30-Days-Of-React - 3
公式サイトからNode.jsをインストールし、インストールを確認する
node -v - 4
最初のレッスンを開いて、手順に沿って進める
使う前に知っておきたいこと
- このコースはチュートリアル形式で書かれており、ライセンスの記載はありません。
- 一部の画像やコンテンツは別のコースから流用されており、名前の変更が必要な場合があります。
- 著者によると、この資料は校正されていません。
トピック
よくある質問
- 30-Days-Of-React とは?
- JavaScriptの基礎からhooks、ルーティング、状態管理まで、30日間で段階的に学ぶReact講座。 30 Days Of Reactは、30日間、1日1レッスンで進むチュートリアルリポジトリです。JavaScriptの復習とReactの概要から始まり、コンポーネント、props、リストとkey、state、条件付きレンダリング、イベント、フォーム、制御コンポーネントと非制御コンポーネントの違いを学びます。
- 30-Days-Of-React は無料で使えますか?ライセンスは?
- 30-Days-Of-React にはライセンスが明記されていません。コードは公開されていますが、ライセンスがない場合は再利用の許諾がないため、利用前に作者に確認することをおすすめします。
- 30-Days-Of-React は今もメンテナンスされていますか?
- 半年以内に更新あり。30-Days-Of-React の最終コミットは 2026年8月27日 です。
- 30-Days-Of-React は何に使えますか?
- 基本的なJavaScriptに慣れたあと、Reactを基礎から学ぶ。 1か月間の体系的な日々の学習計画に沿って、Reactのスキルを身につける。 収録されたプロジェクトや演習に取り組み、hooksやルーティングを実践する。
- 30-Days-Of-React のインストール方法は?
- リポジトリをフォークしてクローンする: git clone git@github.com:username/30-Days-Of-React.git プロジェクトフォルダーに移動する: cd 30-Days-Of-React 公式サイトからNode.jsをインストールし、インストールを確認する: node -v 最初のレッスンを開いて、手順に沿って進める
- 30-Days-Of-React はどこで入手できますか?
- ソースコードとインストール手順は GitHub にあります:https://github.com/Asabeneh/30-Days-Of-React
概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。
関連プロジェクト
無料で自分のペースで学べるプログラミング・数学カリキュラムと学習プラットフォームを支える、freeCodeCamp.orgのオープンソースコードベース。
テラリウム、タイピングゲーム、宇宙ゲームなどの実践プロジェクトを通じてHTML、CSS、JavaScriptを学ぶ、12週間・全24レッスンの初心者向けカリキュラム。
React、Router、Redux、テスト、React Nativeを扱う、回答付きのReactJS面接質問集。
Web技術を基盤とし、プラグインやテーマで拡張できるクロスプラットフォームのターミナルエミュレーター。
文字列またはオブジェクト形式のスタイルを使え、予測しやすいスタイル合成を実現する、高速で柔軟なCSS-in-JSライブラリ。