Front-end

リアクトフック（React Hook）で作成するWebアプリ

Name: リアクトフック（React Hook）で作成するWebアプリ
Price: 22000 KRW

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

（4.0）受講レビュー 5件

受講生 57名

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）動的UI 、 2）ルーターを介したページ移動、 3）サーバーとの通信。本講義ではこの中から「動的UI」を学ぶことができます。

こんな方に
おすすめです

学習対象は
誰でしょう？

JavaScriptの基本機能をお持ちの方
簡単なReact開発方法を知りたい方
React Hookを学びたい人

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

JavaScript
HTML

こんにちは
です。

5,046

受講生

118

受講レビュー

回答

3.8

講座評価

講座

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

カリキュラム

全体

17件 ∙ (1時間 47分)

セクション 1．リアクトフック（React Hook）で作成するWebアプリ

17件 ∙ (1時間 47分)

1. 講義紹介
02:26
2. 開発環境
10:59
3. Input要素の追加
09:20
4. 状態と状態管理者
05:13
5. useState
06:30
6. Input Value, State アップデート
09:36
7. リストマップ関数の使用、キー値
08:08
8. タスクリストを追加
07:47
9. setTaskを使用したInputバリューの初期化
04:22
10. スタイルの変更
05:20
11. clickHandlerを追加
10:35
12. キャンセルライン機能を追加
02:26
13. DefaultChecked 設定
02:00
14. 削除ボタン機能を有効にする
04:59
15. useContextについて
07:07
16. useContextの実装
10:30
17. 終わり...
00:31

講座掲載日:

最終更新日:

受講レビュー

全体

5件

4.0

5件の受講レビュー

minkh05127888
受講レビュー 4
∙
平均評価 4.5
3
35% 受講後に作成
Có thể nói là trình độ sơ cấp, có rất nhiều nội dung bị bỏ qua và chủ đề của bài giảng có vẻ hơi mơ hồ. So với thời gian và nhịp độ bài giảng, có vẻ như có rất nhiều phần tốn thời gian. Cá nhân tôi nghĩ rằng đó là một khóa học không hiệu quả về mặt chi phí.
- kwangsung
  知識共有者
  Cảm ơn vì lời nói của bạn. Mình sẽ cố gắng làm bài giảng tốt hơn.
3chamchi7784
受講レビュー 1
∙
平均評価 5.0
5
100% 受講後に作成
Cảm ơn
- kwangsung
  知識共有者
  Cảm ơn :)
didue
受講レビュー 1
∙
平均評価 3.0
3
100% 受講後に作成
Thay vì là một khóa học giới thiệu, đây là bài giảng dành cho những người đã sử dụng React ít nhất một lần hoặc có kinh nghiệm với các ngôn ngữ front-end dựa trên JS khác và muốn nghiên cứu React Hook. Tuy thời lượng mỗi bài giảng ngắn, có nhiều nội dung không quan trọng và nhiều nội dung bị bỏ qua nên dù là bài giảng có trả phí nhưng chất lượng hài lòng có phần thấp.
study17823
受講レビュー 3
∙
平均評価 4.3
4
100% 受講後に作成
Cảm ơn sự nỗ lực của bạn.
seolahkimglobal8412
受講レビュー 2
∙
平均評価 5.0
5
94% 受講後に作成
Tôi rất thích tham gia một lớp học tốt. Cảm ơn Tốt cho người mới bắt đầu làm quen với React. Vì đã có kiến thức về Vue.js nên tôi có thể hiểu bài giảng một cách đơn giản hơn và thật tuyệt khi có thể tạo một ứng dụng web đơn giản trong khoảng 2 giờ. Học khái niệm useContext là điều hữu ích nhất tôi học được trong bài giảng này. Điều tôi thất vọng sau khi nghe bài giảng là tôi ước nó tiến triển nhanh hơn một chút và vì đây là bài giảng trả phí nên tôi ước gì phần giải thích nội dung lớp học phong phú hơn. Ví dụ: khi thảo luận về UseContext, nó bao gồm những ưu và nhược điểm, cũng như những vấn đề có thể phát sinh nếu sử dụng quá mức và những điểm cần lưu ý.
- kwangsung
  知識共有者
  Cảm ơn bạn đã để lại đánh giá. Chúng tôi sẽ tham khảo phản hồi của bạn và cải thiện nội dung. Cảm ơn

￥2,680

kwangsungの他の講座

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

Ngôn ngữ lập trình GPU CUDA cơ bản

kwangsung

CUDA là ngôn ngữ lập trình GPU. Nó là ngôn ngữ được tạo bằng cách sửa đổi C và C++, vì vậy bất kỳ nhà phát triển C hoặc C++ nào cũng có thể dễ dàng truy cập nó. Tuy nhiên, bạn phải hiểu rõ đặc điểm của máy GPU và lập trình CUDA. Khóa học này hiểu về máy GPU, viết CUDA và thực hiện phép nhân ma trận, một thao tác cơ bản của học sâu. Khóa học này sẽ giúp bạn thành thạo lập trình GPU.

Intermediate

CUDA

Ngôn ngữ lập trình GPU CUDA cơ bản

kwangsung

Phát triển web Python (sử dụng Flask, SQLAlchemy)

kwangsung

Flask là một khung phụ trợ Python được sử dụng rộng rãi. Flask_SQLAlchemy là cơ sở dữ liệu ORM được sử dụng trong Flask. Nếu bạn biết Flask_SQLAlchemy, bạn có thể phát triển web bằng mã ngắn gọn.

Basic

Python, Flask, SQLAlchemy

Phát triển web Python (sử dụng Flask, SQLAlchemy)

kwangsung

Từ Kotlin đến bảo mật mùa xuân

kwangsung

Phát triển Spring Boot bằng Kotlin có rất nhiều lợi ích. Tôi nghĩ sẽ rất tốt nếu tìm hiểu qua bài giảng này.

Basic

Kotlin, Spring Boot, Thymeleaf

Từ Kotlin đến bảo mật mùa xuân

kwangsung

SQL dành cho nhà tiếp thị

kwangsung

Đây là bài giảng về SQL được thiết kế để giúp các nhà tiếp thị dễ dàng tìm hiểu các câu lệnh SQL. Chúng tôi sẽ giới thiệu ngữ pháp SQL thiết yếu và phân tích dữ liệu thực tế thu được từ Kaggle.

Beginner

SQL

SQL dành cho nhà tiếp thị

kwangsung

Giải quyết vấn đề thuật toán của Google

kwangsung

Đây là bài giảng giới thiệu và giải bài toán Vòng loại 1 của Google Codejam, một cuộc thi thuật toán của Google.

Basic

Python

Giải quyết vấn đề thuật toán của Google

kwangsung

Toán học Tensorflow cần thiết phải biết

kwangsung

Tensorflow ngay cả với các phép toán số học đơn giản cũng phải sử dụng cấu trúc đồ thị phức tạp. Tại sao lại như vậy? Đó là bởi vì Tensorflow khi thực hiện thuật toán gradient descent cần biểu thức đạo hàm. Cấu trúc đồ thị là phương tiện giúp thuận tiện suy ra biểu thức đạo hàm đó. Lý do tại sao đã được giải thích về mặt toán học.

Basic

Tensorflow

Toán học Tensorflow cần thiết phải biết

kwangsung

Khởi động mùa xuân với Kotlin

kwangsung

Chúng tôi sẽ vui lòng giải thích từ góc độ của người mới bắt đầu những gì người mới bắt đầu sử dụng Spring Boot và Kotlin sẽ gặp phải khi phát triển web.

Basic

Kotlin, Spring Boot

Khởi động mùa xuân với Kotlin

kwangsung

Học trí tuệ nhân tạo trong khi tạo ra nó (học tăng cường)

kwangsung

Khóa học này giải thích việc học tăng cường mà không cần đến toán học. Bạn có thể tìm hiểu các khái niệm một cách dễ dàng và rõ ràng. Đúng. Bạn có thể triển khai và chạy trò chơi Tic Tac Tok thực tế bằng cách mã hóa trực tiếp RLkit được viết bằng Python, ngôn ngữ dễ tiếp cận nhất.

Basic

Reinforcement Learning(RL)

Học trí tuệ nhân tạo trong khi tạo ra nó (học tăng cường)

kwangsung

似ている講座

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

React dễ nhất (phiên bản toàn cầu)

yalco

Học React theo cách dễ dàng và nhanh nhất!

Beginner

React, JavaScript, Node.js

React dễ nhất (phiên bản toàn cầu)

yalco

Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bản

Wintho

Mục tiêu là có được kiến thức cơ bản về React Native để phát triển front-end ứng dụng di động. Khóa học này được thiết kế để giúp những người không phải là chuyên gia dễ dàng phát triển Ứng dụng di động gốc thông qua việc sử dụng ngôn ngữ/API với rào cản gia nhập thấp.

Basic

React Native, React, ES6

Thực tế phát triển ứng dụng React Native cho iOS/Android - Cơ bản

Wintho

Học siêu tốc tạo bảng tin Springboot + React RestAPI

Neo

Tạo bảng tin Springboot + React RestAPI: Học nhanh hơn ai hết. Phát triển máy chủ CRUD bằng Springboot và tạo bảng tin của riêng bạn bằng React!

Basic

React, Kotlin, REST API

Học siêu tốc tạo bảng tin Springboot + React RestAPI

Neo

Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]

John Ahn

Thông qua bài giảng này, bạn có thể tạo một ứng dụng trò chuyện bằng React và Firebase.

Basic

React, Firebase, Web Application

Học React và Firebase bằng cách làm theo - Tạo ứng dụng trò chuyện [gia hạn 2023.12]

John Ahn

React Native với Expo: Học đúng cách từ 제로초

zerocho

Đã đến thời đại các nhà phát triển web (đặc biệt nếu là nhà phát triển React) có thể ra mắt ứng dụng một cách thực sự dễ dàng. Với Expo, bạn có thể ra mắt cả ứng dụng Android và iOS nhanh hơn nữa. Hãy cùng trở thành nhà phát triển có thể nhanh chóng ra mắt ứng dụng thông qua Expo.

Basic

React, React Native, Hybrid App

React Native với Expo: Học đúng cách từ 제로초

zerocho

Giới thiệu về phản ứng

pnuswedu

Hãy cùng phát triển kỹ năng phát triển ứng dụng web bằng React và phát triển các khả năng có thể áp dụng trong thực tế!

Basic

React, hook, react-router

Giới thiệu về phản ứng

pnuswedu

Dự án đồ chơi React full-stack - REST, GraphQL (dành cho nhà phát triển FE)

jaenam

Thực hành REST API và GraphQL trong khi tạo dịch vụ SNS dựa trên React đơn giản. Giới thiệu một cách đơn giản và dễ dàng để tạo môi trường phụ trợ cho việc phát triển giao diện người dùng.

Basic

REST API, GraphQL, React

Dự án đồ chơi React full-stack - REST, GraphQL (dành cho nhà phát triển FE)

jaenam

Những điều Bootcamp không cho bạn biết (Tối ưu hóa kết xuất phản ứng) Phần 2

aftercamp

Nắm vững các nguyên tắc kết xuất và tối ưu hóa React để sử dụng chúng trong thực tế và chuẩn bị cho các cuộc phỏng vấn!

Intermediate

React, react-usememo, Tech Interview

Những điều Bootcamp không cho bạn biết (Tối ưu hóa kết xuất phản ứng) Phần 2

aftercamp

[Phát triển GUI JavaScript #1] Ứng dụng Timer được tạo bằng Electron + React (+ Zustand)

dakgangjung123

Đây là khóa học thực tế giúp bạn tự tay tạo ra một ứng dụng hẹn giờ bằng React, Electron, Zustand và triển khai nó trên đa nền tảng (Windows, macOS, Linux). Bắt đầu với việc phát triển web React quen thuộc, quản lý trạng thái toàn cục thông qua Zustand, và cho đến khi triển khai GUI cuối cùng, bạn có thể học được toàn bộ quy trình phát triển ứng dụng desktop!

Basic

React, Electron, GUI

[Phát triển GUI JavaScript #1] Ứng dụng Timer được tạo bằng Electron + React (+ Zustand)

dakgangjung123

Tổng hợp các khái niệm web front-end cơ bản thông qua từ khóa và thực hành

ronpark

La bàn dành cho người mới bắt đầu phát triển web, khóa học hướng dẫn để khám phá những điều bạn chưa biết về giao diện người dùng web và tiến về phía trước một cách có hệ thống.

Beginner

Network, Google Chrome, Chrome DevTools

Tổng hợp các khái niệm web front-end cơ bản thông qua từ khóa và thực hành

ronpark

Vibe Coding được hiểu trong giới lập trình viên – Thực hành (Cursor AI, Figma)

codecamp

Hãy bỏ qua những dịch vụ đơn giản có thể tạo ra bằng vibe coding trong 10 phút! Bạn có thể học vibe coding ứng dụng thực tế 'thật sự'. Hãy tạo ra dịch vụ tinh vi ở mức độ dịch vụ thực tế theo đúng kế hoạch và thiết kế bằng Cursor AI NCOP. No Code, Only Prompt

Intermediate

React, Next.js, cursor

Vibe Coding được hiểu trong giới lập trình viên – Thực hành (Cursor AI, Figma)

codecamp

Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web

codecamp

Đây là khóa học giúp bạn phát triển ứng dụng di động có thể cung cấp dịch vụ trên Android và IOS bằng cách tận dụng phát triển web.

Basic

React, Next.js, expo

Ứng dụng Hybrid với Expo Framework giúp tăng lương cho nhà phát triển web

codecamp

Hướng dẫn về Elm, một ngôn ngữ front-end thuần túy chức năng

hatemogi

Nghiên cứu tài liệu hướng dẫn ngôn ngữ lập trình Elm để tạo ứng dụng web giao diện người dùng bằng lập trình chức năng thuần túy chỉ trong 3 giờ.

Basic

elm, Functional Programming, SPA

Hướng dẫn về Elm, một ngôn ngữ front-end thuần túy chức năng

hatemogi

リアクトフック（React Hook）で作成するWebアプリ

こんなことが学べます

この講義は！ 📖

React Hook？

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

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

予想される質問 Q&A 💬

こんな方に おすすめです

こんにちは .css-1q3zd4q{text-decoration-line:underline;text-underline-position:under;text-underline-offset:1px;}です。

カリキュラム

受講レビュー

kwangsungの他の講座

似ている講座

こんな方に
おすすめです

こんにちは
です。