Repolode
Asabeneh

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. 1

    リポジトリをフォークしてクローンする

    git clone git@github.com:username/30-Days-Of-React.git
  2. 2

    プロジェクトフォルダーに移動する

    cd 30-Days-Of-React
  3. 3

    公式サイトからNode.jsをインストールし、インストールを確認する

    node -v
  4. 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 の数値は毎日更新されます。

関連プロジェクト