React完全攻略:useHoooooook

ReactのStateとHookについて、広く、深く、そして詳細に学ぶことができます。 React公式ドキュメントの95%以上を網羅しています。この講座でReactをマスターできます。

難易度 初級

受講期間 無制限

React
React
JavaScript
JavaScript
DOM
DOM
React
React
JavaScript
JavaScript
DOM
DOM
날개 달린 동전

講座 추천하고 성장과 수익을 만들어 보세요!

날개 달린 동전

マーケティングパートナーズ

講座 추천하고 성장과 수익을 만들어 보세요!

学習した受講者のレビュー

学習した受講者のレビュー

5.0

5.0

강현수

100% 受講後に作成

5.0

올찬

100% 受講後に作成

完講できて嬉しいです。^^ 理解が進まない部分があれば、再度以前の講義を探して見返し、それでも理解できない場合は公式ドキュメントを探して読みながら、疑問を解決していきました。公式ドキュメント基準で作られた講義だったからこそ可能だったことであり、私がこの講義を選択した理由でもあります。 ミニプロジェクトなしで理論中心で進む講義なので、退屈な面もありましたが、基本概念の整理は確実にできたので助かりました。特に「Ref 오브젝트와 DOM 인터페이스」の授業のように、スペック文書を見ながらインターフェース間の継承構造を通じてどのようにコードが動作するのかを教えてくださる部分が良かったです。私はJavaも勉強しているので、似たような構造が出てくるたびに比較しながら学べたので面白かったです。 これから DOM 완전 끝내기 로드맵 を続けていきたいと思います。ありがとうございます。

5.0

p.cdoomco

5% 受講後に作成

ビギナー講義をよく聞きました。今回の講座もよく聞いてリアクトマスターになってみます。

受講後に得られること

  • React state(状態)

  • Reactフック

  • コンポーネントを作る方法

  • Reactのパラダイム

  • Reactコードのリファクタリング方法

  • Reactと外部システムの接続

  • シナリオで開発する方法

Reactは宣言的な手法でUIを構築します。

宣言型と命令型のコード形式を理解してこそ、Reactに最適なコードを書くことができます。
命令型の形式について説明します。
宣言型の手順をチェックリストに沿ってコードとともに解説します。Reactに最適な宣言型の手法を完全に自分のものにすることができます。

Reactにおいてstateは基本中の基本です。

stateを構造化する原則に従いながら、コードとともに解説します。
Reactの複雑な状態構造をシンプルにする概念を、完全に定着させることができます。

Reactは、さまざまなフック(hook)を提供しています。

フックを正確に理解してこそ、目的に合わせてフックを使用することができます。
React公式ドキュメントのすべてのフックを、多様なコード形式を提示しながら説明します。

まずシナリオを作成し、
それを基準にReactアプリを開発する方法を学ぶことができます。

旅行に行くためにまず旅行計画を立てる必要があるように、プログラム開発もまずユーザーとシステムが相互作用するシナリオを作成しなければなりません。
旅行計画に従って旅行するように、シナリオに従ってプログラムを開発する必要があります。
目的地によって計画が異なるように、開発環境によってシナリオが異なります。
React環境に合わせたシナリオの作成方法と、シナリオに沿ってReactコンポーネントを開発する方法を学ぶことができます。

一度に完璧なコードを書くことはできません。

したがって、リファクタリングを行うことになりますが、環境によってリファクタリングの方法は異なります。
ReactはUI中心であるため、それに最適な方法でリファクタリングを行う必要があります。
React環境に最適なリファクタリング方法を学ぶことができます。

ビギナーのための勧告

Reactは素早く大まかに学んでも、Reactアプリを開発することはできます。
しかし、少し深く踏み込むと、また戻って学び直さなければならなくなります。
基本を、土台を一つずつ固めていくことは、一見遅いように見えても結局は近道です。これが最短ルートであり、開発者の道です。
自信を持って技術面接に臨むことができます。
技術面接の面接官は、基礎の堅実さをチェックします。なぜなら、基礎が重要であることを面接官は経験から知っているからです。
しっかりとした基礎をもとに開発されたコードは一味違い、面接官にはそれが見えるのです。

受講前のアドバイス

実習環境

  • ブラウザ、Node.js、コードエディタ

  • 講義で環境設定の方法を扱います。

学習資料

  • 講義のすべてのソースコードをファイルで提供します。

  • 講義で学習資料の使用方法について説明します。


こんな方に
おすすめです

学習対象は
誰でしょう?

  • ReactのStateとHookを完全に習得しようとする開発者

  • Reactのすべてを漏れなく学ぼうとする開発者

  • React開発の応用力を向上させたい開発者

  • React環境のプランナー

  • コンポーネントの概念を確立したい開発者、プランナー

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

  • JavaScript、HTML、CSS

  • DOMの理解も必要ですが、必須ではありません。

  • 講師による「Reactビギナー」講座のおすすめ

こんにちは
tonextdayです。

9,747

受講生

407

受講レビュー

337

回答

4.8

講座評価

13

講座

ソフトウェア開発を愛する開発者です。

メール: tonextday@gmail.com

動画:11本
Rustビルドアップ:完全な基礎作り

クリーンアップ JavaScript:ジャンプアップ
クリーンアップ JavaScript:ベースビルドアップ
JavaScript ビギナー
JavaScript 中上級
モダン JavaScript (ES6+) 基本
モダン JavaScript (ES6+) 深化
DOM 基本
DOM インタラクション
React ビギナー、React 完全攻略
要求分析の実装方法
JavaScript 機械学習 TensorFlow.js

著書:9冊
没入!JavaScript
ECMAScript 6
HTML5
DOMスクリプティング
JavaScript正規表現
要求分析のためのEvent Processモデリング
機械学習 TensorFlow.js、
Ajax活用、prototype.js完全分析
9冊のうち8冊は国内初の著者です。
特に、「機械学習 TensorFlow.js」は出版時点でamazon.comに関連書籍がありませんでした。

もっと見る

カリキュラム

全体

95件 ∙ (10時間 25分)

講座資料(こうぎしりょう):

授業資料
講座掲載日: 
最終更新日: 

受講レビュー

全体

7件

5.0

7件の受講レビュー

  • yujeonglee6941님의 프로필 이미지
    yujeonglee6941

    受講レビュー 2

    平均評価 5.0

    5

    100% 受講後に作成

    • yongwchoi261087님의 프로필 이미지
      yongwchoi261087

      受講レビュー 32

      平均評価 4.9

      5

      31% 受講後に作成

      • hyunsookanga6221님의 프로필 이미지
        hyunsookanga6221

        受講レビュー 2

        平均評価 5.0

        5

        100% 受講後に作成

        • aswalmighty4903님의 프로필 이미지
          aswalmighty4903

          受講レビュー 7

          平均評価 4.9

          5

          31% 受講後に作成

          • allchan님의 프로필 이미지
            allchan

            受講レビュー 14

            平均評価 4.9

            5

            100% 受講後に作成

            完講できて嬉しいです。^^ 理解が進まない部分があれば、再度以前の講義を探して見返し、それでも理解できない場合は公式ドキュメントを探して読みながら、疑問を解決していきました。公式ドキュメント基準で作られた講義だったからこそ可能だったことであり、私がこの講義を選択した理由でもあります。 ミニプロジェクトなしで理論中心で進む講義なので、退屈な面もありましたが、基本概念の整理は確実にできたので助かりました。特に「Ref 오브젝트와 DOM 인터페이스」の授業のように、スペック文書を見ながらインターフェース間の継承構造を通じてどのようにコードが動作するのかを教えてくださる部分が良かったです。私はJavaも勉強しているので、似たような構造が出てくるたびに比較しながら学べたので面白かったです。 これから DOM 완전 끝내기 로드맵 を続けていきたいと思います。ありがとうございます。

            • tonextday
              知識共有者

              完講おめでとうございます^^ 講師の意図を正確に把握して活用されていますね。 ソフトウェア開発のセンスがおありのようです。 さらなるご発展を応援しております。

          tonextdayの他の講座

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

          似ている講座

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

          ¥2,082