Inflearn brand logo image
Inflearn brand logo image

N

Inflearn brand logo image
Programming

/

Front-end

Ứng dụng web được tạo bằng React Hook

React là framework front-end hiện đại phổ biến nhất nhưng rất khó học. Hook được ra đời để giải quyết vấn đề này. Bài giảng này sẽ giúp bạn dễ dàng học React bằng hook.

(4.0) 5 đánh giá

57 học viên

  • kwangsung
React
Web Application

Dịch cái này sang tiếng Việt

  • Phản ứng cơ bản

  • Cách sử dụng React Hook

Phát triển ứng dụng web quản lý danh sách việc cần làm✅
Học React Hooks theo cách dễ dàng và thú vị!

Bài giảng này! 📖

Móc phản ứng?

Móc cũng được sử dụng trong các thành phần chức năng.
Để cho phép sử dụng các thành phần kiểu lớp
Tính năng này được giới thiệu trong React phiên bản 16.8.

React, hiện là framework front-end phổ biến nhất, gần đây đã công bố hooks, cho phép các phương pháp phát triển chức năng. Hooks giúp tạo logic có thể tái sử dụng và triển khai các tính năng dễ dàng hơn.

Trong bài giảng này, chúng ta sẽ xây dựng một ứng dụng web danh sách việc cần làm bằng React Hooks . Bạn có thể phát triển một ứng dụng danh sách việc cần làm như bên dưới bằng cách sử dụng phương pháp tiếp cận chức năng với Hooks.

Ai sẽ được hưởng lợi từ việc học điều này? 📐

Phản ứng
Dễ dàng và thú vị
Bất cứ ai muốn tiếp cận
JavaScript cơ bản
Bước tiếp theo
Những người muốn học
Nhà phát triển front-end
Tôi muốn trở thành
Người tìm việc làm phát triển
  • Bài giảng này dành cho những người đã học được các kỹ năng nhưng không biết cách hoặc không biết cách sử dụng chúng .
  • Mỗi giai đoạn được chia thành các cấp độ phát triển khác nhau, do đó bạn có thể học và sử dụng từng bước một .
  • Tạo chức năng riêng cho từng phần và đạt hiệu quả học tập cao hơn!

Tự làm nhé! 📜

Bạn có thể phát triển một ứng dụng việc cần làm như trên bằng cách sử dụng React Hooks. (Phím tắt)

Với lời giải thích trung thành với những điều cơ bản
Dễ dàng ngay cả với người mới bắt đầu
Tôi có thể theo dõi.

Thực ra, React Hooks
Trong quá trình phát triển ứng dụng web
Tìm hiểu cách sử dụng nó.

Dễ dàng và đơn giản
Để thiết lập môi trường phát triển
Sử dụng CodePen .

Tất cả phát triển React
Có thể trải nghiệm
Chúng ta hãy tạo một ví dụ.

Câu hỏi dự kiến Hỏi & Đáp 💬

H. Tôi có cần biết React để lắng nghe không?

Khóa học này bao gồm các kiến thức cơ bản về React. Thay vì chỉ liệt kê các giải thích, chúng tôi đã thiết kế khóa học để bạn có thể tìm hiểu các tính năng của React bằng cách phát triển một ứng dụng web rất đơn giản.

H. Tôi sẽ biết được bao nhiêu về React sau khi tham gia khóa học?

Việc học JavaScript hiện đại có thể được chia thành ba lĩnh vực chính: 1) Giao diện người dùng động , 2) Điều hướng trang qua bộ định tuyến và 3) Giao tiếp máy chủ . Trong khóa học này, bạn sẽ tìm hiểu về "Giao diện người dùng động".

Khuyến nghị cho
những người này

Khóa học này dành cho ai?

  • Bất kỳ ai có kỹ năng JavaScript cơ bản

  • Bất cứ ai muốn biết cách phát triển React một cách dễ dàng

  • Bất cứ ai muốn học React Hook

Cần biết trước khi bắt đầu?

  • JavaScript

  • HTML

Xin chào
Đây là

5,037

Học viên

117

Đánh giá

29

Trả lời

3.8

Xếp hạng

9

Các khóa học

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

Chương trình giảng dạy

Tất cả

17 bài giảng ∙ (1giờ 47phút)

Ngày đăng: 
Cập nhật lần cuối: 

Đánh giá

Tất cả

5 đánh giá

4.0

5 đánh giá

  • minkh05127888님의 프로필 이미지
    minkh05127888

    Đánh giá 4

    ∙

    Đánh giá trung bình 4.5

    3

    35% đã tham gia

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

    • kwangsung
      Giảng viên

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

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

    Đánh giá 1

    ∙

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    ありがとう

    • kwangsung
      Giảng viên

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

  • didue님의 프로필 이미지
    didue

    Đánh giá 1

    ∙

    Đánh giá trung bình 3.0

    3

    100% đã tham gia

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

    • study17823님의 프로필 이미지
      study17823

      Đánh giá 3

      ∙

      Đánh giá trung bình 4.3

      4

      100% đã tham gia

      お疲れ様でした。

      • seolahkimglobal8412님의 프로필 이미지
        seolahkimglobal8412

        Đánh giá 2

        ∙

        Đánh giá trung bình 5.0

        5

        94% đã tham gia

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

        • kwangsung
          Giảng viên

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

      478.262 ₫

      Khóa học khác của kwangsung

      Hãy khám phá các khóa học khác của giảng viên!

      KotlinからSpring Securityまで講義サムネイル

      KotlinからSpring Securityまで

      kwangsung

      KotlinでSpring Bootを開発すると、その利点が多すぎます。

      初級

      初級

      Kotlin, Spring Boot, Thymeleaf

      KotlinからSpring Securityまで講義サムネイル

      KotlinからSpring Securityまで

      kwangsung

      Python Web開発（Flask、SQLAlchemyを使用）講義サムネイル

      Python Web開発（Flask、SQLAlchemyを使用）

      kwangsung

      FlaskはPythonバックエンドフレームワークとして広く使用されています。 Flask_SQLAlchemy は Flask が使用するデータベース orm です。 Flask_SQLAlchemyを知ることで、簡潔なコードでWeb開発を行うことができます

      初級

      初級

      Python, Flask, SQLAlchemy

      Python Web開発（Flask、SQLAlchemyを使用）講義サムネイル

      Python Web開発（Flask、SQLAlchemyを使用）

      kwangsung

      マーケティング担当者向けSQL講義サムネイル

      マーケティング担当者向けSQL

      kwangsung

      マーケティング担当者がSQL文を簡単に学ぶことができるように構成されたSQL講義です。 必要なSQL文法を紹介し、キャグルから得た実際のデータを分析してみます。

      入門

      入門

      SQL

      マーケティング担当者向けSQL講義サムネイル

      マーケティング担当者向けSQL

      kwangsung

      Googleアルゴリズムの問​​題解決講義サムネイル

      Googleアルゴリズムの問​​題解決

      kwangsung

      Googleアルゴリズムの大会であるgoogle codejamのQualification Round 1st problemを紹介して解放する講義です。

      初級

      初級

      Python

      Googleアルゴリズムの問​​題解決講義サムネイル

      Googleアルゴリズムの問​​題解決

      kwangsung

      必ず知っておくべきTensorflow数学講義サムネイル

      必ず知っておくべきTensorflow数学

      kwangsung

      Tensorflow は簡単な四則演算も複雑なグラフという構造を使わなければなりません。なぜでしょうか？それはTensorflowが勾配降下法というアルゴリズムを遂行する上で微分式が必要だからです。グラフ構造はその微分式を便利に導出するための手段です。なぜそうなのか数学的に説明しました。

      初級

      初級

      Tensorflow

      必ず知っておくべきTensorflow数学講義サムネイル

      必ず知っておくべきTensorflow数学

      kwangsung

      コトリン製のスプリングブート講義サムネイル

      コトリン製のスプリングブート

      kwangsung

      スプリングブートそしてコートリン入門者がウェブ開発しながら経験することを入門者立場で親切に説明します。

      初級

      初級

      Kotlin, Spring Boot

      コトリン製のスプリングブート講義サムネイル

      コトリン製のスプリングブート

      kwangsung

      GPUプログラミング言語CUDA（クーダ）基礎講義サムネイル

      GPUプログラミング言語CUDA（クーダ）基礎

      kwangsung

      CUDAはGPUプログラミング言語です。 C、C++を変更して作成した言語で、C、C++の開発者なら誰でも簡単にアクセスできます。しかし、GPUマシンとCUDAプログラミングの特性を理解する必要があります。 このコースでは、GPUマシンを理解し、CUDAを作成してディープラーニングの基礎演算である行列積を実行します。このプロセスにより、GPUプログラミングをうまく処理できます。

      中級以上

      中級以上

      CUDA

      GPUプログラミング言語CUDA（クーダ）基礎講義サムネイル

      GPUプログラミング言語CUDA（クーダ）基礎

      kwangsung

      作りながら学ぶ人工知能（強化学習編）講義サムネイル

      作りながら学ぶ人工知能（強化学習編）

      kwangsung

      このコースでは、強化学習を数学的に説明します。 さらに、言語の中で一番アクセスしやすいPythonで書いておいたRLkitを直接コーディングしながら、実際のティックタックトークゲームを実装して実行することができます。

      初級

      初級

      Reinforcement Learning(RL)

      作りながら学ぶ人工知能（強化学習編）講義サムネイル

      作りながら学ぶ人工知能（強化学習編）

      kwangsung

      Khóa học tương tự

      Khám phá các khóa học khác trong cùng lĩnh vực!

      iOS/Androidアプリ開発のための本番 React Native - Basic講義サムネイル

      iOS/Androidアプリ開発のための本番 React Native - Basic

      wintho

      Mobile App Front-End開発のためのReact Nativeの基礎知識の習得を目指しています。進入障壁の低い言語/APIの活用により、非専門家も簡単にNative Mobile Appを開発できるように作られた講義です。

      初級

      初級

      React Native, React, ES6

      iOS/Androidアプリ開発のための本番 React Native - Basic講義サムネイル

      iOS/Androidアプリ開発のための本番 React Native - Basic

      wintho

      最も簡単な React (グローバル版)講義サムネイル

      最も簡単な React (グローバル版)

      yalco

      最も簡単かつ迅速な方法で React を学びましょう!

      入門

      入門

      React, JavaScript, Node.js

      最も簡単な React (グローバル版)講義サムネイル

      最も簡単な React (グローバル版)

      yalco

      TypeScriptで学ぶReact.js：基礎から最新技術まで完璧に講義サムネイル

      TypeScriptで学ぶReact.js：基礎から最新技術まで完璧に

      sucoding

      React 19の最新機能をTypeScriptと共に学ぶReact完成講座！ 基礎から状態管理(Context, Redux Toolkit, Zustand)、API通信(Fetch, Axios)、最新Hooks(use, useActionState, useOptimisticなど)、実践プロジェクトまで、じっくりと習得し、実務にすぐに適用できるReactアプリを作成できるようになります。

      入門

      入門

      React, react-router, redux-toolkit

      TypeScriptで学ぶReact.js：基礎から最新技術まで完璧に講義サムネイル

      TypeScriptで学ぶReact.js：基礎から最新技術まで完璧に

      sucoding

      フォローして学ぶリアクト、ファイアベース - チャットアプリケーションを作る[2023.12リニューアル]講義サムネイル

      フォローして学ぶリアクト、ファイアベース - チャットアプリケーションを作る[2023.12リニューアル]

      johnahn

      この講義を通じてリアクトとファイアベースを利用してチャットアプリケーションを作成することができます。

      初級

      初級

      React, Firebase, Web Application

      フォローして学ぶリアクト、ファイアベース - チャットアプリケーションを作る[2023.12リニューアル]講義サムネイル

      フォローして学ぶリアクト、ファイアベース - チャットアプリケーションを作る[2023.12リニューアル]

      johnahn

      フォローして学ぶウェブゲーム講義サムネイル

      フォローして学ぶウェブゲーム

      johnahn

      このレッスンを通して、Webゲームをどのように開発するかを知ることができます。

      中級以上

      中級以上

      React

      フォローして学ぶウェブゲーム講義サムネイル

      フォローして学ぶウェブゲーム

      johnahn

      コアルモットも誰でも簡単につながるウェブ、アプリ作り（基礎から実戦活用まで）講義サムネイル

      コアルモットも誰でも簡単につながるウェブ、アプリ作り（基礎から実戦活用まで）

      jocoding

      誰でも学べる簡単なコーディングを作ります。 コーディングが何であるかを理解し、ライブラリ、APIなど、できるだけ外部のリソースを活用して、サービス可能なWebとアプリを構築することが目標です。

      入門

      入門

      Web Application

      コアルモットも誰でも簡単につながるウェブ、アプリ作り（基礎から実戦活用まで）講義サムネイル

      コアルモットも誰でも簡単につながるウェブ、アプリ作り（基礎から実戦活用まで）

      jocoding

      SupabaseとNextを使ったフルスタック開発入門 (Supabase OAuth、Next.js 14をフィーチャー)講義サムネイル

      SupabaseとNextを使ったフルスタック開発入門 (Supabase OAuth、Next.js 14をフィーチャー)

      dodocoding

      FirebaseのSQL版！Supabaseを通じてNext.jsのフルスタックの基礎をマスターできます！

      初級

      初級

      Next.js, supabase, React

      SupabaseとNextを使ったフルスタック開発入門 (Supabase OAuth、Next.js 14をフィーチャー)講義サムネイル

      SupabaseとNextを使ったフルスタック開発入門 (Supabase OAuth、Next.js 14をフィーチャー)

      dodocoding

      フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）講義サムネイル

      フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）

      johnahn

      このレッスンを通して、Reddit Webサイトを最初から1つ1つ作成することができます。

      初級

      初級

      Clone Coding, Node.js, React

      フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）講義サムネイル

      フォローして学習するノード、リアクトシリーズ - Reddit Site Creation（NextJS）

      johnahn

      キーワードと実習で読むWebフロントエンド基礎概念総まとめ講義サムネイル

      キーワードと実習で読むWebフロントエンド基礎概念総まとめ

      ronpark

      Web開発入門者のためのコンパス、あなたがWebフロントエンドについて知らないことを発見し、体系的に進むためのガイド講義です。

      入門

      入門

      Network, Google Chrome, Chrome DevTools

      キーワードと実習で読むWebフロントエンド基礎概念総まとめ講義サムネイル

      キーワードと実習で読むWebフロントエンド基礎概念総まとめ

      ronpark

      アプリ開発入門のためのReact Native完璧基礎クラス講義サムネイル

      アプリ開発入門のためのReact Native完璧基礎クラス

      junghw

      アプリ開発をしたいけど、どこから始めたらいいか途方に暮れている方々のために準備しました。 この講座で、その悩み、もう終わりにしましょう！

      入門

      入門

      JavaScript, React, Node.js

      アプリ開発入門のためのReact Native完璧基礎クラス講義サムネイル

      アプリ開発入門のためのReact Native完璧基礎クラス

      junghw

      React Native with Expo: ゼロチョから正しく学ぶ講義サムネイル

      React Native with Expo: ゼロチョから正しく学ぶ

      zerocho

      Web開発者が(特にReact開発者であれば)本当に簡単にアプリをリリースできる時代になりました。Expoと一緒なら、より一層速くAndroidとiOSアプリの両方をリリースできます。Expoを通じて迅速にアプリまでリリースできる開発者になりましょう。

      初級

      初級

      React, React Native, Hybrid App

      React Native with Expo: ゼロチョから正しく学ぶ講義サムネイル

      React Native with Expo: ゼロチョから正しく学ぶ

      zerocho

      これが本当のバイブコーディング - 開発者のためのバイブコーディング編講義サムネイル

      これが本当のバイブコーディング - 開発者のためのバイブコーディング編

      codecamp

      No Code, Only Prompt 10分でバイブコーディングで作れる単純なサービスはもう捨てましょう！ 企画とデザイン通りに実サービスレベルの高度化されたサービスをカーソルAI NCOPで作る 「本物の」実務適用バイブコーディングを学ぶことができます。

      入門

      入門

      React, Next.js, cursor

      これが本当のバイブコーディング - 開発者のためのバイブコーディング編講義サムネイル

      これが本当のバイブコーディング - 開発者のためのバイブコーディング編

      codecamp

      [JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)講義サムネイル

      [JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

      dakgangjung123

      React, Electron, Zustandを活用しタイマーアプリを直接制作、クロスプラットフォーム（Windows、macOS、Linux）へデプロイまで行う実践講義です。 慣れ親しんだReactウェブ開発を皮切りに、Zustandを通じたグローバル状態管理と最終的なGUIデプロイまで、デスクトップアプリ開発の全体的な流れを学ぶことができます！

      初級

      初級

      React, Electron, GUI

      [JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)講義サムネイル

      [JavaScript GUI開発 #1] Electron + Reactで作るタイマーアプリ (+ Zustand)

      dakgangjung123

      純粋関数型フロントエンド言語 Elm ガイド講義サムネイル

      純粋関数型フロントエンド言語 Elm ガイド

      hatemogi

      純粋な関数型プログラミングでフロントエンドWebアプリを作成するElmプログラミング言語ガイドのドキュメントを3時間で勉強します。

      初級

      初級

      elm, Functional Programming, SPA

      純粋関数型フロントエンド言語 Elm ガイド講義サムネイル

      純粋関数型フロントエンド言語 Elm ガイド

      hatemogi