강의

멘토링

로드맵

Inflearn brand logo image
Programming

/

Front-end

リアクトフック(React Hook)で作成するWebアプリ

モダンなフロントエンドフレームワークの中で最も人気のあるReact(リアクト)が、学ぶのは難しいです。これを解決するためにフックが出ました。このレッスンでは、フックを使ってReactを簡単に学ぶのに役立ちます。

  • kwangsung
React
Web Application

こんなことが学べます

  • Reactの基礎

  • React Hookの使い方

ToDo管理Webアプリ開発✅へ
簡単で楽しく学ぶリアクトフック!

この講義は! 📖

React Hook?

フックとは、関数型コンポーネントでも
クラス型コンポーネントの機能を使用できるように
React 16.8バージョンから導入された機能です。

現在、フロントエンドフレームワークの中で最も人気のあるフレームワーク、リアクトで最近関数型開発方法を可能にするフックを発表しました。フックを使用すると、再利用可能なロジックを簡単に作成でき、より簡単に機能を実装できます。

このレッスンでは、リアクトフック(React Hook)でTo-do List Webアプリを作成します。以下のようなタスク管理アプリをフックを介して関数型開発方法で開発することができます。


誰が学べばいいですか? 📐

リアクト(React)
簡単で楽しい
近づきたい方
基本JavaScriptの
次のステップ

学習したい方
フロントエンド開発者
なりたい
開発者就職準備生
  • 技術は学びましたが、どこにどのように使われるのか感が来なかった方のための講義です。
  • 各段階を開発可能なレベルに分け、段階別にじっくり身につけて活用できます。
  • パートごとに機能を自分で作って、より高い学習効果を得てみてください!

自分で作ってみてください! 📜

リアクトフック(React Hook)では、上記のようなToDo管理アプリを開発できます。 (ショートカット)

基本に忠実な説明として
初心者でも簡単
フォローできます。

実際にリアクトフック
Webアプリ開発中
どのように使われるかを学びます。

簡単でシンプル
開発環境設定のため
CodePenを使用してください。

リアクト開発全体
体験できる
例を作成します。


予想される質問 Q&A 💬

Q.リアクトを知ってこそ聞くことができますか?

この講義はリアクトの基礎をカバーします。説明をリストするのではなく、非常にシンプルなWebアプリを直接開発して、リアクトの機能を把握できるようにしました。

Q. 受講後、リアクトについてどれくらい分かりますか?

モダンなJavaScriptの学習範囲は大きく3つに分けられます。 1)動的UI2)ルーターを介したページ移動3)サーバーとの通信。本講義ではこの中から「動的UI」を学ぶことができます。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • JavaScriptの基本機能をお持ちの方

  • 簡単なReact開発方法を知りたい方

  • React Hookを学びたい人

前提知識、
必要でしょうか?

  • JavaScript

  • HTML

こんにちは
です。

5,046

受講生

118

受講レビュー

29

回答

3.8

講座評価

9

講座

  • 현) 리얼메이커 수석 개발자
  • 전) CCG 수석 개발자
  • 전) VARDOT 소프트웨어 엔지니어, 드루팔 개발자
  • 전) 반도체 에칭 시뮬레이션 책임 개발자

カリキュラム

全体

17件 ∙ (1時間 47分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

5件

4.0

5件の受講レビュー

  • minkh05127888님의 프로필 이미지
    minkh05127888

    受講レビュー 4

    平均評価 4.5

    3

    35% 受講後に作成

    初級というにはスキップする内容が多く、講義の対象が少し曖昧に見えます。 講義時間や進行速度に比べて時間を食べる部分が少し多いようです。 個人的にはコスパが良くない講義だと思います。

    • kwangsung
      知識共有者

      みことばありがとうございます。より良い講義を作ろうと思います。

  • 3chamchi7784님의 프로필 이미지
    3chamchi7784

    受講レビュー 1

    平均評価 5.0

    5

    100% 受講後に作成

    ありがとう

    • kwangsung
      知識共有者

      ありがとうございます:)

  • didue님의 프로필 이미지
    didue

    受講レビュー 1

    平均評価 3.0

    3

    100% 受講後に作成

    入門用というよりもreactを一度書いてみたか、jsベースの他のフロント言語を経験した人を対象としたreact hookについて勉強したい人のための講義。 講義1編当たり時間が短い方でも重要ではない内容が多く、スキップする内容が多く、有料川の中でも質的な満足感は少し落ちる方。

    • study17823님의 프로필 이미지
      study17823

      受講レビュー 3

      平均評価 4.3

      4

      100% 受講後に作成

      お疲れ様でした。

      • seolahkimglobal8412님의 프로필 이미지
        seolahkimglobal8412

        受講レビュー 2

        平均評価 5.0

        5

        94% 受講後に作成

        良い授業はよく聞きました。ありがとうございます。 React入門に最適です。 Vue.jsの知識があり、より簡単に講義の理解になり、2時間で簡単なWebアプリを作ってみることができてよかったです。 useContextの概念を知ることが、この講義で勉強したことの中で最も役に立ちました。 講義を聞いて残念だった点は、進行が少し早くなってほしい部分と有料講義であるだけに、授業内容について説明がより豊かでほしいということです。たとえば、UseContextに関する内容を扱うときは、長所と短所と一緒に使用を乱発することになるトラブル、注意点のような部分です。

        • kwangsung
          知識共有者

          レビューを残していただきありがとうございます。残したフィードバックを参考に内容を補強してみましょう。ありがとうございます。

      ¥2,677

      kwangsungの他の講座

      知識共有者の他の講座を見てみましょう!

      似ている講座

      同じ分野の他の講座を見てみましょう!