[React 第2部] 高度なトピックとフック

ついにリアクト(React)が本当に「見え」始めます。高度な概念とフック(Hooks)を、どこよりも分かりやすく正確に学んでみましょう。

難易度 中級以上

受講期間 無制限

React Context
React Context
react-hooks
react-hooks
React
React
JavaScript
JavaScript
Web Application
Web Application
React Context
React Context
react-hooks
react-hooks
React
React
JavaScript
JavaScript
Web Application
Web Application

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

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

4.9

5.0

Changmin Lee

100% 受講後に作成

1部講義に続き、すごく満足に講義を聞きました。 単に使い方を習うのではなく、これがなぜ必要なのかという質問を投げつつ、原理を把握していく授業なので、もっと良かったです。 (特に、クラスと関数コンポーネントを比較する部分でこれが際立って良かったです。) そして、途中で何をしたのかを整理してくれる時間があり、もう一度授業内容を思い出して内容に従うのに大きな助けになりました。 (後ろに、復習をする時もいいようですね。) 最後のまとめで述べたように、これらの学習方法は他のライブラリを見たり、他の場所に適用したりするのにも役立つと思います。 良い講義を準備していただきありがとうございます。

5.0

dohyun_lim

100% 受講後に作成

よく準備された講義です。 単にリアクトフックの使用法ではなく、内部実装も同様に従いながら、より深く理解するプロセスが存在します。 p.s) いつも質問に答えてくれてありがとう。

5.0

e1li0t

93% 受講後に作成

単に React フックの機能を説明するだけでなく、動作原理まで実装して説明されているので、より理解しやすかったと思います! 良い設計方法も学べたので良かったです。より深い内容や他の実習コースとして第 3 部をリリースする予定はありませんか? いつも良い講義をありがとうございます!

受講後に得られること

  • Reactコンポーネント設計手法

  • Reactの高度なトピックと活用

  • リアクトフック (React Hooks)

Reactの高度なトピックとフックをしっかりとお教えします。


この講義の目標

  • 「Reactで考える」に基づいたコンポーネント設計手法の習得

  • コンテキスト、Ref、高次コンポーネント、制御コンポーネントなど、第1部で扱わなかったReactの高度なトピックを理解

  • 基本フック、追加フックなど、実務でよく使われる6つのフックを理解


講義の特徴

  • Reactの核心概念を直接作りながら構造を理解

  • デリバリーアプリを作りながら、実務レベルのReactの使い方を訓練


主な内容

  1. Reactで考える

    • 第1部 授業の要約、実習環境の構築、成果物の紹介

    • 保守可能なコンポーネントの設計および実装

  2. 高度なトピック

    • Reactコンテキスト、高次コンポーネント(HOC)パターン、Ref、Portalの理解

    • これらを活用したルーター、ダイアログモジュールの開発

  3. フック 1

    • クラスと関数コンポーネントの比較、フック登場の背景


    • 状態フック、副作用フック、コンテキストフックの理解および活用

  4. フック 2

    • 制御コンポーネント、これらを活用したフォームモジュールの開発

    • レフフック、リデューサーフック、メモイゼーションフックの理解と活用

授業資料





講師紹介

キム・ジョンファン

Web技術を学習し、整理することが好きな現役エンジニア

Web技術や開発者としての考えを綴った技術ブログを運営しています。

講義を見る。学習した技術と実務で学んだノウハウをまとめ、発表や講義形式で共有しています。

「株式会社優雅な兄弟たち(Woowa Brothers)」でフロントエンドエンジニアとして働いています。


受講生のための質疑応答

Q. 非専門家でも受講できる講義ですか?

いいえ。ウェブ開発に関する経験が少しは必要です。

Q. 以前の授業を必ず受講しなければなりませんか?

はい、第1部の授業の延長ですので、以前の内容を十分に理解した上で受講されることをお勧めします。

Q. なぜリアクト(React)を学ぶ必要があるのですか?

最近の採用市場では、モダンウェブフレームワークの知識を持つ開発者が求められています。その中でも最も人気のあるReactの技術スキルを身につければ、多くの企業から求められる人材になれるはずです。

Q. Reactを学ぶと何が良いですか?

ユーザーインターフェース開発における共通の課題を、Reactがかなりの部分で解決してくれます。開発者はビジネスロジックの開発により集中できるようになり、素早く製品を作り上げることができるツールをもう一つ手に入れることになるのです。

Q. 講義の受講前に準備しておくことはありますか?

一度でもウェブ開発の経験があってこそ、受講する意味があります。HTMLやJavaScriptの文法を習得しているという前提で授業を進めるためです。まだウェブの基礎が不足している方は、まず学習してから受講することをお勧めします。

Q. 授業内容はどの程度のレベルですか?

React公式ドキュメントの上級ガイドとフックを基に準備した内容です。Reactの核心と言える部分を扱います。

Q. 受講に関する注意事項はありますか?

授業で使用するツールは4つです。Node.js、開発エディタ、ウェブブラウザ、Git。プレビュー授業でもご確認いただけます。 (実習環境の構築)


前の講義

[React 第1部] 作って比較しながら学習するReact

こんな方に
おすすめです

学習対象は
誰でしょう?

  • コンポーネント設計能力を備え、一段階アップグレードされた開発を夢見る方々

  • Reactの使い方だけでなく、構造や原理を学んで競争力のある開発者になりたい方へ

  • サードパーティライブラリの動作原理を理解し、適切に活用できる能力を身につけたい方

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

  • Reactの基本概念、あるいはReact第1部講義に相当するレベルの理解

こんにちは
jeonghwanです。

14,131

受講生

894

受講レビュー

599

回答

4.8

講座評価

9

講座

授業中に気になった点は質問事項に投稿してください。
毎日一度ずつ確認し、回答いたします。

カリキュラム

全体

167件 ∙ (19時間 47分)

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

受講レビュー

全体

32件

4.9

32件の受講レビュー

  • walter님의 프로필 이미지
    walter

    受講レビュー 2

    平均評価 5.0

    5

    31% 受講後に作成

    これは革新だ。

    • jeonghwan
      知識共有者

      レビューありがとうございます。

  • kimhonor3160님의 프로필 이미지
    kimhonor3160

    受講レビュー 13

    平均評価 5.0

    5

    32% 受講後に作成

    1部をとても満足して受講した記憶があって今回の講義も悩みなくすぐ決済しました! 結論はやっぱり満足ですね!何より講師様が私だけ感じたかわかりませんが可愛いですwwwww 目覚めのように装備自慢をされる様子と中途半端な意図しないエラーに遭遇した時の御言葉~ 同じチュチュたちに硬く講義を見る途中でリフレッシュになりますね! これからも良い講義をたくさんお願いします。ありがとうございます〜

    • jeonghwan
      知識共有者

      1部に続いて2部講義も満足していただき幸いです。内容が重いかもしれないと思いました。授業内容以外にも、こんな点をよく見てくれてありがとう。

  • absa0939님의 프로필 이미지
    absa0939

    受講レビュー 4

    平均評価 5.0

    修正済み

    5

    87% 受講後に作成

    本当にどれも素晴らしいのですが、打ち間違いやコードの書き漏らしが多すぎます。

    • jeonghwan
      知識共有者

      ab kimさん、こんにちは。授業中のタイピングミスにより、多大なるご不便をおかけしてしまい申し訳ございませんでした。内容自体が容易ではない上に実習も多く、かなり混乱させてしまったのではないかと心苦しく思っております。次回の授業ではこの点に留意し、受講者の方が混乱されないよう、より入念に準備いたします。

  • jihoson94님의 프로필 이미지
    jihoson94

    受講レビュー 16

    平均評価 5.0

    5

    100% 受講後に作成

    内容は本当にきれいで深いです。

    • jeonghwan
      知識共有者

      良い言葉本当にありがとうございます。

  • wingwin19884720님의 프로필 이미지
    wingwin19884720

    受講レビュー 25

    平均評価 4.2

    5

    62% 受講後に作成

    Reactのapi들의 내부 사정을 알려주셔서 프레임워크 이해도가 올라간 느낌입니다. 감사합니다.

    • jeonghwan
      知識共有者

      Reactの内部動作を理解すると、フレームワーク全体を見る目が本当に大きく変わるようですね。このような部分でお役に立てて嬉しく、やりがいも大きいです。レビューを残していただきありがとうございます。

jeonghwanの他の講座

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

似ている講座

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

¥9,759