![[React 第1部] 作って比較しながら学習するReact講義サムネイル](https://cdn.inflearn.com/public/courses/326905/cover/739f7b4b-1a9f-478f-a6a8-1a13bf58cae3/326905-eng.png?w=420)
[React 第1部] 作って比較しながら学習するReact
jeonghwan
￥6,750
28%
￥4,846
初級 / React, MVC, JavaScript, Web Application
4.8
(120)
2,000+
今こそReactをしっかり学びましょう。純粋なJavaScript方式と比較しながら、Reactの特徴と役割を最も簡単に理解できる講座！
初級
React, MVC, JavaScript
BEST
[React 2部] 高度なトピックとフック
いよいよReactの仕組みが本当に「見えてくる」ようになります。高度な概念とHooks、最も簡単かつ正確に学んでみましょう。
（4.9）受講レビュー 30件
受講生 778名
難易度 中級以上
受講期間 無制限
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 高度なテーマと活用
リアクト フック(Hooks)
リアクトの高級テーマとフックをしっかりお知らせします。
この講義の目標
「リアクトとして考える」に基づくコンポーネント設計技術の習得
コンタクト、レフ、高次コンポーネント、制御コンポーネントなど、パート1で扱わなかったリアクトの高度なトピックについて
基本フック、追加フックなど、実務でよく使う6つのフックを理解
講義の特徴
リアクトコアの概念を直接作成しながら構造を理解する
配信アプリケーションを作成し、実務レベルのリアクト使用法を訓練
主な内容
リアクトで考える
第1部 授業のまとめ、実習環境構成、成果物紹介
メンテナンス可能なコンポーネントの設計と実装
高度なトピック
リアクトコンタクト、高次コンポーネントパターン、レフ、ポータルについて
これを活用したルータ、ダイアログモジュールの開発
フック1
クラスと関数コンポーネントの比較、フック登場の背景
状態フック、付随効果フック、コンタクトフックの理解と活用
フック2
制御コンポーネント、これを活用したフォームモジュールの開発
レフック、リデューサフック、メモ化フックの理解と活用
授業資料
講師紹介
キム・ジョンファン
ウェブ技術を学び整理するのが好きな実務開発者
Web技術と開発者としての考えを込めた技術ブログを運営しています。
講義を見る 学習した技術と実務で学んだノウハウを集めて発表や講義形式で共有します。
エレガントな兄弟のフロントエンド開発者として働きます。
受講生のための質疑応答
Q. 非専攻者も聞ける講義ですか？
いいえ。
Q. 前の授業を必ず受講しなければなりませんか？
はい、パート1の授業の延長なので、前の内容を十分に理解してから受講することをお勧めします。
Q. なぜリアクトを学ぶべきですか？
最近の採用市場では、現代のWebフレームワークの知識を持つ開発者を探しています。
Q.リアクトを学ぶと何がいいですか？
ユーザーインターフェース開発に関する共通の問題をリアクトがかなり部分的に解決してくれます。
Q. 講義受講前準備するものはありますか？
一度でもWeb開発について経験してこそ、授業を聞く意味があります。
Q. 授業内容はどのレベルですか？
リアクト公式文書の高度なガイドとフックをもとに準備した内容です。
Q. 受講に関する注意事項はありますか？
レッスンで使用するツールは4つあります。
以前の講義
こんな方に
おすすめです
学習対象は
誰でしょう？
コンポーネント設計能力を備え、ワンランクアップした開発を夢見る方々
Reactの使い方だけでなく、構造と原理を学び競争力のある開発者になりたい方々
サードパーティライブラリの動作原理を理解し、適切に活用できる能力を身につけたい方々
前提知識、
必要でしょうか？
Reactの基本概念、またはReactの1部講義レベルの理解
カリキュラム
全体
167件 ∙ (19時間 47分)
講座掲載日:
最終更新日:
受講レビュー
全体
30件
4.9
30件の受講レビュー
kimhonor3160受講レビュー 13
∙
平均評価 5.0
5
32% 受講後に作成1部をとても満足して受講した記憶があって今回の講義も悩みなくすぐ決済しました！ 結論はやっぱり満足ですね！何より講師様が私だけ感じたかわかりませんが可愛いですｗｗｗｗｗ 目覚めのように装備自慢をされる様子と中途半端な意図しないエラーに遭遇した時の御言葉～ 同じチュチュたちに硬く講義を見る途中でリフレッシュになりますね！ これからも良い講義をたくさんお願いします。ありがとうございます〜
- jeonghwan知識共有者
1部に続いて2部講義も満足していただき幸いです。内容が重いかもしれないと思いました。授業内容以外にも、こんな点をよく見てくれてありがとう。
- wingwin19884720
受講レビュー 25
∙
平均評価 4.2
5
62% 受講後に作成Reactのapi들의 내부 사정을 알려주셔서 프레임워크 이해도가 올라간 느낌입니다. 감사합니다.
- jeonghwan知識共有者
Reactの内部動作を理解すると、フレームワーク全体を見る目が本当に大きく変わるようですね。このような部分でお役に立てて嬉しく、やりがいも大きいです。レビューを残していただきありがとうございます。
- 2projlee1369
受講レビュー 3
∙
平均評価 4.3
jeonghwanの他の講座
知識共有者の他の講座を見てみましょう！
似ている講座
同じ分野の他の講座を見てみましょう！
![[React/VanillaJS] UI要素を直接作成する Part 2講義サムネイル](https://cdn.inflearn.com/public/courses/333795/cover/0cf744ff-43a2-4de7-a5e5-7f5619b7cb15/333795.png?w=420)
![[コードキャンプ]スタートはフリーキャンプ講義サムネイル](https://cdn.inflearn.com/public/courses/329913/cover/eee923cc-911b-4c2d-a445-9fddee8e5992/thumbnail-precamp.png?w=420)
![[Code Factory] [初級] NestJS REST API バックエンド完全征服マスタークラス - NestJS Core講義サムネイル](https://cdn.inflearn.com/public/courses/331985/cover/f0501069-2139-4112-aafa-a9b3a2932860/331985-eng.png?w=420)
![フルスタックのための堅実なフロントエンドブートキャンプ (HTML, CSS, バニラJavaScript + ES6) [フルスタック Part2]講義サムネイル](https://cdn.inflearn.com/public/course-326306-cover/4ea213de-f786-4af1-a9d0-b8932263885a?w=420)
![[リニューアル]コーディング自律学習ゼロ秒のJavaScript入門講義サムネイル](https://cdn.inflearn.com/public/courses/327126/cover/edca2ab2-47b4-45b7-92c6-5bb00fd125eb/327126.jpg?w=420)
![[VOD] 6週間完成！開発実務のための高濃縮バイブコーディング (Cursor AI, Figma)講義サムネイル](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?w=420)
![# [Electron #1] ElectronとReactで作るタイマーアプリ（With Zustand）講義サムネイル](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?w=420)
