|
| 1 | +# 初心者向け React |
| 2 | + |
| 3 | +## 言語 |
| 4 | + |
| 5 | +🇨🇳 [简体中文](README_zh.md) 🇪🇸 [Español](README_es.md) 🇫🇷 [Français](README_fr.md) 🇩🇪 [Deutsch](README_de.md) 🇯🇵 [日本語](README_ja.md) 🇷🇺 [Русский](README_ru.md) 🇰🇷 [한국어](README_ko.md) 🇧🇷 [Português](README_pt.md) 🇺🇸 [English](README.md) |
| 6 | + |
| 7 | +[](https://labex.io/ja/courses/react-for-beginners) |
| 8 | + |
| 9 | +[](https://labex.io/ja/courses/react-for-beginners) |
| 10 | + |
| 11 | +最初のアプリのセットアップからインタラクティブなコンポーネントの構築まで、React の基本を学びましょう。コンポーネント、JSX、props、state、hooks、イベントハンドリング、条件付きレンダリング、リスト、フォームを網羅した実践的なラボを通じて、React の必須概念をマスターします。 |
| 12 | + |
| 13 | + |
| 14 | + |
| 15 | + |
| 16 | +## 演習 |
| 17 | + |
| 18 | +| インデックス | 名前 | 難易度 | 練習 | |
| 19 | +|----------------|----------------------------------------|----------|-------------------------------------------------------------------------------------------------------------------| |
| 20 | +| 1 | 📖 🆓 React セットアップと最初のアプリ | 初級 | <a target='_blank' href='https://labex.io/ja/tutorials/react-react-setup-and-first-app-598881'>ラボを開始</a> | |
| 21 | +| 2 | 📖 🆓 React コンポーネント入門 | 初級 | <a target='_blank' href='https://labex.io/ja/tutorials/react-react-components-introduction-601735'>ラボを開始</a> | |
| 22 | +| 3 | 📖 🆓 React JSX の基本 | 初級 | <a target='_blank' href='https://labex.io/ja/tutorials/react-react-jsx-basics-601739'>ラボを開始</a> | |
| 23 | +| 4 | 📖 🆓 React Props | 初級 | <a target='_blank' href='https://labex.io/ja/tutorials/react-react-props-601741'>ラボを開始</a> | |
| 24 | +| 5 | 📖 🆓 React State with Hooks | 初級 | <a target='_blank' href='https://labex.io/ja/tutorials/react-react-state-with-hooks-601742'>ラボを開始</a> | |
| 25 | +| 6 | 📖 React イベントハンドリング | 初級 | <a target='_blank' href='https://labex.io/ja/tutorials/react-react-event-handling-601737'>ラボを開始</a> | |
| 26 | +| 7 | 📖 React 条件付きレンダリング | 初級 | <a target='_blank' href='https://labex.io/ja/tutorials/react-react-conditional-rendering-601736'>ラボを開始</a> | |
| 27 | +| 8 | 📖 React のリストとキー | 初級 | <a target='_blank' href='https://labex.io/ja/tutorials/react-react-lists-and-keys-601740'>ラボを開始</a> | |
| 28 | +| 9 | 📖 React フォームの基本 | 初級 | <a target='_blank' href='https://labex.io/ja/tutorials/react-react-forms-basics-601738'>ラボを開始</a> | |
| 29 | + |
| 30 | +## 環境 |
| 31 | + |
| 32 | +LabEx は、コーディングとテクノロジーに特化したインタラクティブな実践学習プラットフォームです。ラボ、AI 支援、仮想マシンを組み合わせて、ビデオなしの実践的な学習体験を提供します。 |
| 33 | + |
| 34 | + |
| 35 | + |
| 36 | +- 動画なしの独自の実践ラボによる厳格な「実践による学習」アプローチ。 |
| 37 | +- ブラウザ内のインタラクティブなオンライン環境で、自動化されたステップバイステップのチェック機能。 |
| 38 | +- スキルツリーベースのシステムによる構造化されたコンテンツ組織。 |
| 39 | +- 30 のスキルツリーと 6,000 以上のラボを含む成長し続ける学習リソース。 |
| 40 | +- 最新の AI モデルを基盤とした学習アシスタント Labby による対話型学習体験。 |
| 41 | + |
| 42 | +詳細について [LabEx VM](https://support.labex.io/using-labex/virtual-machine). |
| 43 | + |
| 44 | +## その他 |
| 45 | + |
| 46 | +- 🔗 [React プログラミングコース](https://github.com/labex-labs/awesome-programming-courses) |
| 47 | +- 🔗 [React プログラミングプロジェクト](https://github.com/labex-labs/awesome-programming-projects) |
| 48 | +- 🔗 [React 無料チュートリアル](https://github.com/labex-labs/react-free-tutorials) |
| 49 | + |
0 commit comments