강의

멘토링

커뮤니티

BEST
Programming

/

Front-end

Lần đầu gặp Redux

Bạn có thể củng cố các khái niệm cơ bản về quản lý trạng thái cũng như nền tảng cơ bản của Redux.

(5.0) 18 đánh giá

278 học viên

Độ khó Cơ bản

Thời gian Không giới hạn

  • soaple
Redux
Redux
React
React
redux-thunk
redux-thunk
redux-saga
redux-saga
redux-toolkit
redux-toolkit
Redux
Redux
React
React
redux-thunk
redux-thunk
redux-saga
redux-saga
redux-toolkit
redux-toolkit

Đánh giá từ những học viên đầu tiên

Đánh giá từ những học viên đầu tiên

5.0

5.0

dldldksl

100% đã tham gia

Redux hoạt động như thế nào, tại sao các công nghệ khác nhau liên quan đến redux lại xuất hiện, những giải thích dễ dàng và chi tiết về các khái niệm và cách sử dụng, thậm chí cả việc sử dụng công nghệ này gần đây. Tôi có thể tìm ra câu trả lời cho những câu hỏi nảy sinh trong quá trình học một cách tự nhiên bằng cách theo dõi bài giảng. Tuy nhiên, tôi cảm thấy bất tiện vì về cơ bản, redux đòi hỏi phải trải qua một quy trình quản lý trạng thái hơi rườm rà và tôi bối rối về các công nghệ khác nhau. Tôi cảm thấy vấn đề không phải ở bài giảng mà là ở bản thân công nghệ... Tuy nhiên, người hướng dẫn đã giải thích mọi thứ một cách dễ hiểu và tôi đã có thể hoàn thành khóa học. Như người hướng dẫn đã nói ở phần cuối, tôi rất thích học React, nhưng tôi nghĩ tôi khá thất vọng khi học Redux. Nhưng bạn cũng đã thêm điều này: Điều quan trọng đối với một nhà phát triển là sự kiên trì và chân thành. Nếu bạn học liên tục và nhiều lần mà không bỏ cuộc, bạn sẽ trở thành một nhà phát triển tuyệt vời. Khi mới bắt đầu phát triển, tôi thấy mọi thứ thực sự khó khăn và có rất nhiều điều tôi không hiểu. Dù trước đây và bây giờ tôi đã học và học được rất nhiều nhưng tôi cảm thấy vẫn còn vô số thứ để học. Tất nhiên, ban đầu hầu hết mọi thứ đều cảm thấy khó khăn, nhưng tôi cũng cảm thấy những kiến ​​thức và kinh nghiệm tích lũy theo thời gian sẽ giúp ích rất nhiều khi gặp lại những công nghệ mới. Tôi hy vọng rằng khi học tốt Redux, tôi sẽ hiểu sâu hơn về quản lý state và chắc chắn nó sẽ hữu ích khi nghiên cứu các thư viện quản lý state khác sau này. Cảm ơn bạn không chỉ cung cấp những bài giảng hay mà còn trả lời các câu hỏi một cách nhanh chóng và tận tình. Nếu bạn giảng bài tiếp theo, tôi chắc chắn sẽ muốn nghe lại.

5.0

rockrock82

6% đã tham gia

Trong thời gian đó mình đã tìm hiểu nhiều thứ để học Redux và thử viết code nhưng vẫn cảm thấy khó chịu như thể mình đang viết mà không hiểu vậy...😂 Mình thấy nản vì không có nhiều khóa học dạy đúng về Redux, nhưng khi tôi nhìn thấy một khóa học mới xuất hiện, tôi đã mua nó ngay lập tức và bây giờ tôi còn bướng bỉnh hơn trước haha. Tôi cảm thấy như mình đã nắm bắt được điều này và nghĩ, 'À, đó là lý do tại sao hồi đó tôi lại viết loại mã đó'~. Cảm ơn bạn vì bài giảng tuyệt vời!!

5.0

미숫가루

100% đã tham gia

Tôi đã nghe mọi thứ từ trải nghiệm đầu tiên của Sople với React cho đến lần gặp đầu tiên của anh ấy với Redux. Trên thực tế, sau khi học React, tôi đã duyệt các blog và thấy rằng ngày nay có rất nhiều thư viện quản lý trạng thái đơn giản. Tôi gần như không nghe Redux. Nhờ cụm từ này trong phần giới thiệu khóa học: [Điều quan trọng là củng cố những kiến ​​thức cơ bản về quản lý trạng thái thông qua Redux!] Tôi thậm chí còn học Redux. Bây giờ nghĩ lại tôi thấy mình thật may mắn. Trong khi tiến hành từ phần 1 đến dự án nhỏ cuối cùng Từ sự xuất hiện sớm nhất(?) của Redux Để bù đắp những thiếu sót trong lĩnh vực đó, bạn có thể học cách tiến về phía trước với vịt, thunks, lát và sagas. Nếu tôi học những phần đơn giản hơn trước thì đó chỉ là nhồi nhét kiến ​​thức mà thôi. Có thể học cách phát triển từng bước Tôi nghĩ đây là một khóa học tốt để làm quen với Redux trong thời gian ngắn. Tuy nhiên, vì mức độ khó được đặt thành “Người mới bắt đầu” nên có thể hơi choáng ngợp nếu bạn coi đây là cấp độ cơ bản. Điều này là do tôi mới làm quen với React nhưng tôi có kinh nghiệm về backend nên tôi có thể học nó một cách khôn ngoan. Dù không hiểu nhưng tôi vẫn nghe thoải mái như đang nghe một chuyên mục, thay vào đó, tôi đảm bảo tự mình thực hiện dự án. Sau đó, tôi học được bằng cách kiểm tra lại tài liệu. Tuy nhiên, dù ban đầu bạn không hiểu nhưng nếu nghe mà nghĩ cũng đúng như vậy thì phần sau sẽ bổ sung thêm phần đó. Bạn cũng nên cho bản thân thời gian để hiểu một cách tự nhiên một lần nữa. React dường như là một thư viện phát triển rất nhanh. Tôi hy vọng sẽ được xem nhiều bài giảng hơn nữa từ Sople trong tương lai!

Bạn sẽ nhận được điều này sau khi học.

  • Các khái niệm cơ bản về Redux

  • Các thư viện cốt lõi liên quan đến Redux

  • Hướng dẫn sử dụng Redux Toolkit

  • Phát triển ứng dụng web dựa trên Redux thông qua dự án mini

🚨 Thông báo tạm dừng cung cấp bài giảng 🚨

Xin chào, tôi là Sopl.
Inflearn đã ngừng khóa học ' Lần đầu tiên gặp gỡ Redux '.
Học viên hiện tại có thể tham gia lớp học tại Inflearn.
Nếu bạn có bất kỳ câu hỏi nào về bài giảng, vui lòng để lại chúng trong liên kết bên dưới và chúng tôi sẽ kiểm tra và trả lời chúng 😀

Với tài liệu bài giảng gọn gàng và giải thích chi tiết
Đây là khóa học Redux dễ học. 👨‍🏫

Vào thế giới của redux
Bạn được mời 💫

Redux là thư viện quản lý trạng thái JavaScript mã nguồn mở.
Đây là thư viện quản lý trạng thái được sử dụng rộng rãi nhất hiện nay.
Bạn có thể quản lý trạng thái của ứng dụng một cách hiệu quả bằng cách liên kết với React.

Tại sao Redux
Tôi có nên học nó không? 🤔

Hiện nay có nhiều thư viện quản lý trạng thái như MobX, Recoil, Zustand và Jotai, nhưng Redux là tổ tiên của các thư viện quản lý trạng thái đã tồn tại hơn 10 năm. Nói cách khác, chúng ta có thể thấy rằng nền tảng cho các khái niệm và cấu trúc cốt lõi của quản lý nhà nước đã được đặt ra !

상태관리 라이브러리 npm trend
Biểu đồ trên cho thấy xu hướng npm của các thư viện quản lý trạng thái tiêu biểu và thư viện được đánh dấu màu đỏ là Redux. Mặc dù các thư viện quản lý trạng thái khác đang nổi lên, chúng ta vẫn thấy Redux được sử dụng rộng rãi .

Vì vậy, trước khi sử dụng Recoil hoặc Zustand, những công cụ tương đối dễ sử dụng, điều quan trọng là phải xây dựng nền tảng quản lý trạng thái thông qua Redux !


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

Để tôi kể cho bạn nghe nhé 🔎

  • Tìm hiểu các khái niệm cơ bản bằng cách tạo từng thành phần Redux.
  • Tìm hiểu cách sử dụng các thư viện cốt lõi liên quan đến Redux.
  • Tìm hiểu cách sử dụng Redux Toolkit.
  • Phát triển ứng dụng web thực tế dựa trên Redux thông qua một dự án nhỏ.

Thông qua tài liệu
Tổ chức nội dung học tập của bạn 📖

Chúng tôi cung cấp nội dung bài giảng dưới dạng tài liệu để bạn có thể xem lại bất cứ lúc nào.
Làm chủ Redux hoàn toàn bằng cách xem lại những phần mà bạn tò mò!

FrontOverflow_redux_document

🔗 Lần đầu tiên tiếp xúc với tài liệu Redux

Sự thay đổi của học viên sau khi tham dự buổi thuyết trình 🙋‍♂️

Những điều cơ bản của Redux
Bạn có thể chặt nó thật chặt!

Thư viện cốt lõi
Bạn có thể sử dụng nó!

Bộ công cụ Redux
Bạn có thể sử dụng nó!

Kinh nghiệm trong các dự án thực tế
Bạn có thể xếp chồng chúng lên nhau!


Một cái nhìn thoáng qua về những gì bạn sẽ học 📚

Phần 0 [Chuẩn bị]

  • Tìm hiểu về redux-devtools.
  • Thiết lập môi trường phát triển để thực hành và cài đặt redux-devtools.

Phần 1, 2 [Giới thiệu về Redux, Bắt đầu]

  • Tìm hiểu về quá trình hình thành và các nguyên tắc của Redux.
  • Tìm hiểu về các thành phần Redux và tính bất biến.

Mục 3 [Cửa hàng]

  • Tìm hiểu về các khái niệm Store và Dispatcher.
  • Tìm hiểu về các chức năng liên quan đến Store.

Mục 4 [Hành động và Người tạo hành động]

  • Tìm hiểu về khái niệm Hành động và Người tạo hành động.

Mục 5 [Giảm]

  • Tìm hiểu về các khái niệm và quy tắc của Reducer.
  • Tìm hiểu khái niệm Cập nhật bất biến.
  • Tìm hiểu cách tạo rootReducer.

Phần 6 [Redux và UI]

  • Tìm hiểu về mối quan hệ giữa Redux và UI.
  • Tìm hiểu cách tích hợp Redux vào UI của bạn.

Mục 7 [Container]

  • Tìm hiểu về khái niệm Container.
  • Tìm hiểu về gói react-redux và các API chính của gói này.

Phần 8 [Mẫu con vịt]

  • Tìm hiểu về khái niệm mẫu Duck and the Ducks.

Phần 9 [redux-actions]

  • Tìm hiểu về Flux Standard Actions.
  • Tìm hiểu về redux-actions.

Phần 10 [Redux và Logic bất đồng bộ]

  • Tìm hiểu về Logic bất đồng bộ và Tác dụng phụ.
  • Tìm hiểu về Logic bất đồng bộ trong Redux.

Phần 11 [redux-thunk]

  • Tìm hiểu về khái niệm Thunk và lý do bạn nên sử dụng nó.
  • Tìm hiểu về redux-thunk.
  • Tìm hiểu cách viết hàm thunk và mẫu của chúng.

Phần 12 [redux-saga]

  • Tìm hiểu về khái niệm Sagas và lý do chúng được sử dụng.
  • Tìm hiểu về hàm Generator.
  • Tìm hiểu về redux-saga.
  • Tìm hiểu sự khác biệt giữa Thunk và Saga.

Phần 13 [redux-persist]

  • Tìm hiểu về khái niệm Persist.
  • Tìm hiểu về redux-persist.
  • Tìm hiểu về Lưu trữ và quy trình lưu và khôi phục dữ liệu.

Phần 14 [Bộ công cụ Redux (RTK)]

  • Tìm hiểu về Redux Toolkit.
  • Tìm hiểu về khái niệm Slice và cách sử dụng nó.
  • Tìm hiểu về các kiểu sử dụng immer.

Phần 15 [Móc Redux]

  • Tìm hiểu về hook useSelector().
  • Tìm hiểu về hook useDispatch().
  • Tìm hiểu về hook useStore().

Mục 16 [Dự án nhỏ]

  • Hãy tổng hợp những gì chúng ta đã học cho đến nay và tạo một ứng dụng TODO dựa trên Redux.


Câu hỏi dự kiến ​​Q&A 💬

H. Đây có phải là bài giảng mà tôi có thể tham gia ngay cả khi tôi không biết nhiều về JavaScript không?

Vì không bao gồm nội dung riêng về ngữ pháp JavaScript cơ bản nên bạn nên tìm hiểu và nghe trước.

H. Đây có phải là bài giảng mà tôi có thể tham gia ngay cả khi tôi không biết nhiều về React không?

Vì phát triển React cũng được bao gồm, nên bạn nên tìm hiểu và lắng nghe những kiến ​​thức cơ bản về React trước.
Tốt nhất là bạn nên nghe bài giảng React miễn phí của tôi bên dưới trước!

🔗 [Miễn phí] Lần đầu tiên gặp React

H. Học Redux có lợi ích gì?

Redux cho phép bạn quản lý trạng thái hiệu quả trên toàn bộ ứng dụng của mình.


Tài liệu học tập 💡

Tài liệu tóm tắt nội dung bài giảng
🔗 Lần đầu tiên tiếp xúc với tài liệu Redux

Bài 2 - 15. Thực hành mã nguồn
🔗 https://github.com/soaple/first-met-redux-practice

Vòng 16. Mã nguồn dự án nhỏ
🔗 https://github.com/soaple/first-met-redux-todo


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

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

  • Dành cho những ai muốn xây dựng nền tảng về quản lý trạng thái

  • Người mới bắt đầu làm quen với Redux

  • Những ai quan tâm đến quản lý trạng thái bằng Redux

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

  • Cơ bản về JavaScript

  • Cơ bản về React

Xin chào
Đây là

Xin chào, tôi là Soaple.

Kể từ tháng 3 năm 2025, tôi sẽ kết thúc hoạt động chia sẻ kiến thức trên Inflearn và bắt đầu một hành trình mới.

Từ nay về sau, bạn có thể tìm thấy các bài giảng và nội dung của tôi tại trang web dưới đây.

Cổng thông tin kiến thức Frontend được tạo bởi Soaple - FrontOverflow

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

Tất cả

118 bài giảng ∙ (5giờ 50phút)

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

Đánh giá

Tất cả

18 đánh giá

5.0

18 đánh giá

  • dldldksl1048님의 프로필 이미지
    dldldksl1048

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Redux hoạt động như thế nào, tại sao các công nghệ khác nhau liên quan đến redux lại xuất hiện, những giải thích dễ dàng và chi tiết về các khái niệm và cách sử dụng, thậm chí cả việc sử dụng công nghệ này gần đây. Tôi có thể tìm ra câu trả lời cho những câu hỏi nảy sinh trong quá trình học một cách tự nhiên bằng cách theo dõi bài giảng. Tuy nhiên, tôi cảm thấy bất tiện vì về cơ bản, redux đòi hỏi phải trải qua một quy trình quản lý trạng thái hơi rườm rà và tôi bối rối về các công nghệ khác nhau. Tôi cảm thấy vấn đề không phải ở bài giảng mà là ở bản thân công nghệ... Tuy nhiên, người hướng dẫn đã giải thích mọi thứ một cách dễ hiểu và tôi đã có thể hoàn thành khóa học. Như người hướng dẫn đã nói ở phần cuối, tôi rất thích học React, nhưng tôi nghĩ tôi khá thất vọng khi học Redux. Nhưng bạn cũng đã thêm điều này: Điều quan trọng đối với một nhà phát triển là sự kiên trì và chân thành. Nếu bạn học liên tục và nhiều lần mà không bỏ cuộc, bạn sẽ trở thành một nhà phát triển tuyệt vời. Khi mới bắt đầu phát triển, tôi thấy mọi thứ thực sự khó khăn và có rất nhiều điều tôi không hiểu. Dù trước đây và bây giờ tôi đã học và học được rất nhiều nhưng tôi cảm thấy vẫn còn vô số thứ để học. Tất nhiên, ban đầu hầu hết mọi thứ đều cảm thấy khó khăn, nhưng tôi cũng cảm thấy những kiến ​​thức và kinh nghiệm tích lũy theo thời gian sẽ giúp ích rất nhiều khi gặp lại những công nghệ mới. Tôi hy vọng rằng khi học tốt Redux, tôi sẽ hiểu sâu hơn về quản lý state và chắc chắn nó sẽ hữu ích khi nghiên cứu các thư viện quản lý state khác sau này. Cảm ơn bạn không chỉ cung cấp những bài giảng hay mà còn trả lời các câu hỏi một cách nhanh chóng và tận tình. Nếu bạn giảng bài tiếp theo, tôi chắc chắn sẽ muốn nghe lại.

    • soaple
      Giảng viên

      Cảm ơn bạn dldldksl đã để lại đánh giá chi tiết. Có những điểm trong bài giảng Redux có thể khiến người mới bắt đầu nản lòng, nhưng tôi nghĩ bạn đã vượt qua một trở ngại rất lớn chỉ bằng cách bám sát đến cùng. Sau khi học tốt Redux, bạn sẽ có thể sử dụng các thư viện quản lý state khác rất dễ dàng và thuận tiện. Nếu có phần nào bạn chưa hiểu rõ, chúng tôi khuyên bạn nên nghiên cứu kỹ phần đó và phát triển ứng dụng của riêng mình vào thực tế thay vì chỉ học lý thuyết. Nếu bạn có bất kỳ câu hỏi nào nảy sinh khi thực hiện một dự án cá nhân, vui lòng để lại chúng trên FrontOverflow và tôi đảm bảo sẽ trả lời chúng ngay cả khi hơi muộn một chút. https://www.frontoverflow.com/ Và nếu bạn cần xem lại mã, vui lòng đăng mã lên GitHub và vui lòng liên hệ với tôi theo địa chỉ email của tôi. Tôi hy vọng bạn đã củng cố được kiến ​​thức cơ bản về Redux thông qua bài giảng của tôi!😀

  • kaenum18779님의 프로필 이미지
    kaenum18779

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    6% đã tham gia

    Trong thời gian đó mình đã tìm hiểu nhiều thứ để học Redux và thử viết code nhưng vẫn cảm thấy khó chịu như thể mình đang viết mà không hiểu vậy...😂 Mình thấy nản vì không có nhiều khóa học dạy đúng về Redux, nhưng khi tôi nhìn thấy một khóa học mới xuất hiện, tôi đã mua nó ngay lập tức và bây giờ tôi còn bướng bỉnh hơn trước haha. Tôi cảm thấy như mình đã nắm bắt được điều này và nghĩ, 'À, đó là lý do tại sao hồi đó tôi lại viết loại mã đó'~. Cảm ơn bạn vì bài giảng tuyệt vời!!

    • soaple
      Giảng viên

      Cảm ơn rockrock82 vì đã để lại đánh giá chi tiết. Tôi hy vọng bài giảng của tôi hữu ích trong việc sử dụng Redux!

  • misutgaru님의 프로필 이미지
    misutgaru

    Đánh giá 3

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Tôi đã nghe mọi thứ từ trải nghiệm đầu tiên của Sople với React cho đến lần gặp đầu tiên của anh ấy với Redux. Trên thực tế, sau khi học React, tôi đã duyệt các blog và thấy rằng ngày nay có rất nhiều thư viện quản lý trạng thái đơn giản. Tôi gần như không nghe Redux. Nhờ cụm từ này trong phần giới thiệu khóa học: [Điều quan trọng là củng cố những kiến ​​thức cơ bản về quản lý trạng thái thông qua Redux!] Tôi thậm chí còn học Redux. Bây giờ nghĩ lại tôi thấy mình thật may mắn. Trong khi tiến hành từ phần 1 đến dự án nhỏ cuối cùng Từ sự xuất hiện sớm nhất(?) của Redux Để bù đắp những thiếu sót trong lĩnh vực đó, bạn có thể học cách tiến về phía trước với vịt, thunks, lát và sagas. Nếu tôi học những phần đơn giản hơn trước thì đó chỉ là nhồi nhét kiến ​​thức mà thôi. Có thể học cách phát triển từng bước Tôi nghĩ đây là một khóa học tốt để làm quen với Redux trong thời gian ngắn. Tuy nhiên, vì mức độ khó được đặt thành “Người mới bắt đầu” nên có thể hơi choáng ngợp nếu bạn coi đây là cấp độ cơ bản. Điều này là do tôi mới làm quen với React nhưng tôi có kinh nghiệm về backend nên tôi có thể học nó một cách khôn ngoan. Dù không hiểu nhưng tôi vẫn nghe thoải mái như đang nghe một chuyên mục, thay vào đó, tôi đảm bảo tự mình thực hiện dự án. Sau đó, tôi học được bằng cách kiểm tra lại tài liệu. Tuy nhiên, dù ban đầu bạn không hiểu nhưng nếu nghe mà nghĩ cũng đúng như vậy thì phần sau sẽ bổ sung thêm phần đó. Bạn cũng nên cho bản thân thời gian để hiểu một cách tự nhiên một lần nữa. React dường như là một thư viện phát triển rất nhanh. Tôi hy vọng sẽ được xem nhiều bài giảng hơn nữa từ Sople trong tương lai!

    • soaple
      Giảng viên

      Misutgaru, cảm ơn bạn đã để lại đánh giá chi tiết như vậy. Như bạn đã nói, 'Lần đầu tiên tôi gặp Redux' Bài giảng được cấu trúc theo cách bạn học thông qua thực hành thực hành, từng cái một, từ cách sử dụng Redux cũ đến cách sử dụng hiện tại. Phần này được cấu trúc như thế này bởi vì, khi những người mới bắt đầu sử dụng Bộ công cụ Redux ngày nay, có những trường hợp họ sử dụng nó mà không hiểu rõ về cấu trúc bên trong và nguyên tắc hoạt động của nó. Tôi rất vui vì quá trình này đã giúp bạn hiểu về Redux và có vẻ như nó đã diễn ra như tôi dự định. Và vì chủ đề của khóa học là Redux nên tôi nghĩ có thể có một số phần bạn cảm thấy khó khăn mặc dù đây là khóa học dành cho người mới bắt đầu. Thông qua nhiều phản hồi khác nhau, tôi sẽ hiểu những phần nào khó và sẽ cố gắng cải thiện chúng để có thể giải thích dễ dàng hơn trong tương lai. Khi bạn tiếp tục tìm hiểu về các công nghệ front-end như React và Redux, vui lòng hỏi bất kỳ câu hỏi nào bạn có và chúng tôi sẽ khuyến khích bạn phát triển nhanh chóng!

  • greenspace4699님의 프로필 이미지
    greenspace4699

    Đánh giá 1

    Đánh giá trung bình 5.0

    5

    31% đã tham gia

    Đối với tôi, lớp học Sopl là lớp học có sức mạnh tuyệt vời nhất.

    • soaple
      Giảng viên

      Cảm ơn greenspace đã để lại đánh giá về khóa học của tôi. Tôi rất tự hào khi thấy bạn đánh giá cao khóa học của tôi 😊😊 Tôi hy vọng bạn sẽ hoàn thành khóa học đến cùng và nếu có thắc mắc nào trong quá trình học, bạn có thể hỏi tôi bất cứ lúc nào! 😀

  • 깃허브님의 프로필 이미지
    깃허브

    Đánh giá 2

    Đánh giá trung bình 5.0

    5

    100% đã tham gia

    Bạn đã giải thích một cách thú vị và dễ hiểu nên tôi hiểu rất rõ và xem rất vui 😊😊

    • soaple
      Giảng viên

      Cảm ơn bạn 79blog đã để lại đánh giá về khóa học của tôi. Tôi hy vọng bạn đã nắm vững được kiến thức cơ bản về Redux thông qua khóa học của tôi! 😀

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!