inflearn logo
inflearn logo

[React Phần 2] Các chủ đề nâng cao và Hook

Giờ đây, bạn sẽ thực sự bắt đầu ‘thấy’ và hiểu rõ về React. Hãy cùng học các khái niệm nâng cao và Hooks một cách dễ dàng và chính xác nhất.

(4.9) 수강평 30개

강의소개.상단개요.수강생.short

난이도 중급이상

수강기한 무제한

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% 수강 후 작성

Sau phần 1, tôi rất hài lòng với bài giảng. Tôi thích nó hơn vì đây là lớp học mà bạn hiểu các nguyên tắc bằng cách đặt câu hỏi tại sao nó lại cần thiết, thay vì chỉ đơn giản là học cách sử dụng nó. (Tôi đặc biệt thích cách điều này nổi bật khi so sánh giữa các thành phần lớp và hàm.) Ngoài ra, còn có thời gian để sắp xếp lại những gì chúng tôi đã làm ở giữa, điều này giúp ích rất nhiều trong việc nhớ lại nội dung lớp học và theo dõi. (Tôi nghĩ nó sẽ tốt để xem xét sau.) Như bạn đã nói trong phần tóm tắt cuối cùng, tôi nghĩ phương pháp học này sẽ giúp ích rất nhiều khi xem các thư viện khác hoặc áp dụng nó ở nơi khác. Cảm ơn bạn rất nhiều vì đã chuẩn bị một bài giảng tuyệt vời như vậy.

5.0

dohyun_lim

100% 수강 후 작성

Đây là một bài giảng được chuẩn bị kỹ lưỡng. Có một quá trình để hiểu sâu hơn bằng cách không chỉ đơn giản là học cách sử dụng React hook mà còn tuân theo quá trình triển khai nội bộ tương tự. p.s) Cảm ơn bạn đã luôn trả lời câu hỏi của tôi.

5.0

e1li0t

93% 수강 후 작성

단순히 React hook chức năng giải thích mà còn thực hiện và giải thích nguyên lý hoạt động, vì vậy có thể hiểu tốt hơn! Tôi cũng rất vui vì có thể học được cách thiết kế tốt. Bạn có kế hoạch đưa ra phần 3 với nội dung sâu hơn hoặc quá trình thực hành khác không? Cảm ơn vì những bài giảng tuyệt vời!

강의상세_배울수있는것_타이틀

  • Kỹ thuật thiết kế component trong React

  • Các chủ đề nâng cao và ứng dụng React

  • React Hooks

Chúng tôi sẽ hướng dẫn bạn một cách chắc chắn về các chủ đề React nâng cao và Hook.


Mục tiêu của khóa học này

  • Thành thạo kỹ thuật thiết kế component dựa trên 'Tư duy trong React' (Thinking in React)

  • Hiểu các chủ đề nâng cao của React không được đề cập trong phần 1 như Context, Ref, Higher-Order Component (HOC), Controlled Component, v.v.

  • Hiểu rõ sáu loại hook được sử dụng nhiều trong thực tế, bao gồm Hook cơ bản và Hook bổ sung.


Đặc điểm bài giảng

  • Hiểu cấu trúc thông qua việc trực tiếp tạo ra các khái niệm cốt lõi của React

  • Huấn luyện cách sử dụng React ở cấp độ thực tế thông qua việc xây dựng ứng dụng giao hàng


Nội dung chính

  1. Tư duy theo React

    • Tóm tắt nội dung phần 1, thiết lập môi trường thực hành, giới thiệu thành phẩm

    • Thiết kế và triển khai các thành phần (component) có khả năng bảo trì.

  2. Chủ đề nâng cao

    • Tìm hiểu về React Context, Higher-Order Component (HOC) pattern, Refs và Portals

    • Phát triển module Router và Dialog sử dụng các kiến thức này

  3. Hook 1

    • So sánh giữa Class Component và Function Component, bối cảnh ra đời của Hook


    • Tìm hiểu và ứng dụng Hook trạng thái (State Hook), Hook hiệu ứng phụ (Effect Hook) và Hook ngữ cảnh (Context Hook)

  4. Hook 2

    • Component điều khiển (Controlled Component), phát triển module form sử dụng component này

    • Tìm hiểu và sử dụng Ref Hook, Reducer Hook, Memoization Hook

Tài liệu lớp học





Giới thiệu giảng viên

Kim Jeong-hwan

Một nhà phát triển thực thụ, người yêu thích việc học hỏi và hệ thống hóa các công nghệ web

Tôi vận hành một blog kỹ thuật chia sẻ về công nghệ web và những suy nghĩ của mình với tư cách là một nhà phát triển.

Xem bài giảng. Tôi tập hợp những công nghệ đã học và bí quyết đúc kết từ thực tế để chia sẻ dưới hình thức thuyết trình hoặc bài giảng.

Tôi làm việc với tư cách là nhà phát triển Front-end tại Woowa Brothers.


Giải đáp thắc mắc dành cho học viên

Q. Đây có phải là bài giảng mà người không chuyên cũng có thể theo học không?

Không ạ. Bạn cần phải có một chút kinh nghiệm về phát triển web.

Q. Tôi có nhất thiết phải tham gia lớp học trước đó không?

Vâng, vì đây là phần tiếp nối của lớp học phần 1, nên tốt nhất bạn nên tham gia sau khi đã hiểu rõ nội dung trước đó.

Q. Tại sao nên học React?

Trên thị trường tuyển dụng gần đây, các công ty đang tìm kiếm những nhà phát triển có kiến thức về Modern Web Framework. Trong số đó, nếu bạn sở hữu kỹ năng React - công nghệ phổ biến nhất hiện nay, bạn sẽ trở thành nhân tài được nhiều công ty săn đón.

Hỏi: Học React có lợi ích gì?

React giải quyết được phần lớn các vấn đề chung trong việc phát triển giao diện người dùng. Điều này có nghĩa là các nhà phát triển có thêm một công cụ để tập trung hơn vào việc phát triển logic kinh doanh và có thể tạo ra sản phẩm một cách nhanh chóng.

Q. Có cần chuẩn bị gì trước khi nghe giảng không?

Bạn cần phải có ít nhất một lần kinh nghiệm về phát triển web thì việc tham gia khóa học mới thực sự có ý nghĩa. Bởi vì khóa học được tiến hành dựa trên tiền đề là bạn đã nắm vững cú pháp HTML và JavaScript. Những ai còn thiếu kiến thức cơ bản về web, tôi khuyên bạn nên học trước rồi mới đăng ký khóa học này.

Q. Nội dung khóa học ở trình độ nào?

Nội dung này được chuẩn bị dựa trên phần Hướng dẫn nâng cao (Advanced Guides) và Hooks trong tài liệu chính thức của React. Khóa học sẽ đề cập đến những phần có thể coi là cốt lõi của React.

Q. Có lưu ý nào liên quan đến việc tham gia khóa học không?

Có bốn công cụ sẽ được sử dụng trong lớp học: Node.js, trình soạn thảo mã nguồn, trình duyệt web và Git. Bạn cũng có thể kiểm tra trong bài học xem trước. (Thiết lập môi trường thực hành)


Bài học trước

[React Phần 1] Học React thông qua việc tạo và so sánh

강의소개.콘텐츠.추천문구

학습 대상은 누구일까요?

  • Những người đang mơ ước nâng tầm kỹ năng phát triển lên một bước tiến mới bằng cách trang bị năng lực thiết kế component.

  • Những người muốn trở thành lập trình viên có năng lực cạnh tranh bằng cách không chỉ học cách sử dụng React mà còn học cả cấu trúc và nguyên lý của nó.

  • Những người muốn hiểu nguyên lý hoạt động của các thư viện bên thứ ba và trang bị năng lực vận dụng chúng một cách đúng đắn.

선수 지식, 필요할까요?

  • Hiểu biết ở mức độ các khái niệm cơ bản của React hoặc tương đương với nội dung phần 1 của khóa học React.

강의소개.지공자소개

14,098

수강생

891

수강평

596

답변

4.8

강의 평점

9

강의_other

Nếu có bất kỳ thắc mắc nào trong giờ học, vui lòng đăng lên mục câu hỏi.
Tôi sẽ kiểm tra và trả lời mỗi ngày một lần.

커리큘럼

전체

167개 ∙ (강의상세_런타임_시간 강의상세_런타임_분)

강의 게시일: 
마지막 업데이트일: 

수강평

전체

30개

4.9

30개의 수강평

  • kimhonor3160님의 프로필 이미지
    kimhonor3160

    수강평 13

    평균 평점 5.0

    5

    32% 수강 후 작성

    Tôi nhớ đã tham gia Phần 1 một cách thỏa đáng đến nỗi tôi đã trả tiền cho khóa học này ngay lập tức mà không hề do dự!! Kết luận vẫn thỏa mãn! Trên hết, tôi không biết liệu người hướng dẫn có phải là người duy nhất cảm thấy điều đó hay không, nhưng anh ấy rất dễ thương haha. Cách anh ấy khoe thiết bị của mình và những lời nhận xét uh-huh khi gặp phải những lỗi ngoài ý muốn khiến tôi cảm thấy sảng khoái khi xem. bài giảng!! Tôi mong đợi nhiều bài giảng hay hơn nữa trong tương lai. Cảm ơn bạn~

    • jeonghwan
      지식공유자

      Tôi rất vui khi biết rằng bạn hài lòng với Phần 2 của bài giảng. Tôi nghĩ nội dung có thể nặng nề. Cảm ơn bạn đã xem xét những khía cạnh này ngoài nội dung khóa học.

  • walter님의 프로필 이미지
    walter

    수강평 2

    평균 평점 5.0

    5

    31% 수강 후 작성

    Đây là một sự đổi mới.

    • jeonghwan
      지식공유자

      Cảm ơn bạn đã đánh giá.

  • 2projlee1369님의 프로필 이미지
    2projlee1369

    수강평 3

    평균 평점 4.3

    4

    31% 수강 후 작성

    • wingwin19884720님의 프로필 이미지
      wingwin19884720

      수강평 25

      평균 평점 4.2

      5

      62% 수강 후 작성

      Cảm ơn bạn đã chia sẻ về các hoạt động bên trong của các API React, tôi cảm thấy hiểu biết về framework đã được nâng cao. Cảm ơn bạn.

      • jeonghwan
        지식공유자

        Hiểu được cách hoạt động bên trong của React thực sự giúp thay đổi rất nhiều góc nhìn về toàn bộ framework. Rất vui và có ý nghĩa khi biết rằng phần này đã giúp ích cho bạn. Cảm ơn bạn đã để lại đánh giá.

    • jihoson94님의 프로필 이미지
      jihoson94

      수강평 16

      평균 평점 5.0

      5

      100% 수강 후 작성

      Nội dung thực sự rất hay và sâu sắc.

      • jeonghwan
        지식공유자

        Cảm ơn bạn rất nhiều vì những lời tốt đẹp của bạn.

    jeonghwan님의 다른 강의

    지식공유자님의 다른 강의를 만나보세요!

    비슷한 강의

    같은 분야의 다른 강의를 만나보세요!

    강의상세.할인문구

    42 ₫

    29%

    1.588.285 ₫