Redux vs MobX (둘 다 배우자!)
제로초(조현영)
리덕스와 몹엑스 뭘 선택할지 고민되시나요? 일단 둘 다 배우고나서 고민합시다!
초급
Redux, MobX
BEST
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.
Đánh giá từ những học viên đầu tiên
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 !
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ò!
🔗 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!
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
안녕하세요, 소플입니다.
2025년 3월부로 인프런에서의 지식공유자 활동을 마무리하고 새로운 출발을 합니다.
앞으로는 아래 사이트에서 제 강의와 컨텐츠들을 만나보실 수 있습니다.
소플이 만든 프론트엔드 지식 포털 - 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á
dldldkslĐánh giá 3
∙
Đánh giá trung bình 5.0
5
100% đã tham giaredux의 동작 원리, redux와 관련된 여러 기술이 등장한 이유, 개념들과 사용법에 대한 쉽고 상세한 설명, 해당 기술의 최근 사용 여부까지,, 중간에 들게 되는 의문에 대한 답도 강의를 따라가며 자연스럽게 알 수 있었습니다. 하지만 redux는 기본적으로 상태관리를 위해 다소 번거로운 과정을 거쳐야 하는구나 라는 불편함을 느꼈고, 여러 기술들이 서로 헷갈리기도 했습니다. 강의의 문제가 아니라 기술 자체가 그렇게 느껴졌네요... 그래도 강사님이 하나하나 이해하기 쉽게 알려주셨고, 완강을 할 수 있었습니다. 강사님이 마지막에 말씀하신 것처럼, React 공부는 즐거웠는데 Redux를 배우며 꽤 좌절했었던 것 같습니다. 하지만 이런 말도 덧붙여 주셨습니다. 개발자에게 중요한 것은 끈기와 성실함이다. 포기하지 않고 꾸준히, 반복적으로 공부한다면 훌륭한 개발자가 되어 있을 것이다. 처음 개발에 입문했을 때 무엇이든 정말 어렵게 느꼈고, 이해가 되지 않는 부분이 너무 많았었습니다. 예전이나 지금이나 배우고 배워서 알게 된 점이 많아져도 배울 것은 여전히 끝없이 많다고 느껴지고는 합니다. 그래도 물론 처음엔 무엇이든 대부분 어렵게 느껴지지만, 시간이 흐르며 쌓인 지식과 경험들이 다시금 새로운 기술을 접했을 때 굉장히 큰 도움이 된다는 것 또한 다시 느꼈습니다. Redux를 잘 공부해서 상태 관리에 대해 더 깊이 이해하고, 앞으로 다른 상태관리 라이브러리들을 공부할 때에도 분명 도움이 될 수 있을 것이라 기대하고 있습니다. 좋은 강의는 물론 질문도 빠르고 친절하게 답변해주셔서 감사드립니다. 다음 강의를 내주신다면 또 꼭 듣고 싶습니다.
- Inje Lee (소플)Giảng viên
dldldksl님 상세한 수강평 남겨주셔서 감사합니다. Redux 강의는 중간중간 입문자들을 좌절시킬만한 지점들이 존재하는데, 이렇게 끝까지 완강하신 것만 해도 굉장히 큰 관문을 하나 통과하신 것이라고 생각합니다. Redux를 잘 익힌 이후에 다른 상태 관리 라이브러리들을 사용하게 되면, 아주 쉽고 간편하게 사용하실 수 있을겁니다. 만약 이해가 잘 되지 않았던 부분이 있다면 다시 반복적으로 학습하시길 바라고, 이론으로만 학습하는것이 아닌 실제로 나만의 애플리케이션을 꼭 개발해보시는 것을 추천합니다. 개인적으로 프로젝트를 하면서 생기는 궁금증은 언제든지 FrontOverflow에 남겨주시면 조금 늦더라도 꼭 답변을 드리도록 하겠습니다. https://www.frontoverflow.com/ 그리고 코드 리뷰가 필요하다면 GitHub에 코드를 올리고 제 이메일 주소로 부담없이 연락을 주셔도 됩니다. 아무쪼록 제 강의를 통해 리덕스 기초를 잘 다지셨기를 바랍니다!😀
- rockrock82
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
6% đã tham gia그동안 리덕스 공부하려고 이것저것 찾아보고 코드도 짜보고 했는데 그래도 이해되지 않은 채로 쓰는 듯한 찜찜함이 있었어요..😂 리덕스만 제대로 다룬 강의가 별로 없어서 답답했는데 신규 강의 뜬 거 보고 바로 구매해서 이제 완강했네요 ㅎㅎ 전보다 개념이 좀 잡힌 거 같고 ‘아 그래서 그때 그런 코드를 작성했구나’라는 생각이 듭니다~ 좋은 강의 감사드립니다!!
- Inje Lee (소플)Giảng viên
rockrock82님 상세한 수강평 남겨주셔서 감사합니다. 제 강의를 통해 리덕스를 사용하시는데 도움이 되셨기를 바랍니다!
- 미숫가루
Đánh giá 3
∙
Đánh giá trung bình 5.0
5
100% đã tham gia소플님의 처음 만난 리액트부터 처음 만난 리덕스까지 모두 들었습니다. 사실 리액트까지 학습 후 블로그를 찾아보면서 요즘은 간단하게 나온 상태관리 라이브러리가 많다고 해서 리덕스까지 듣지 않을 뻔 하였는데 강의소개에 나와있는 [꼭 Redux를 통해 상태관리의 기초를 다지는 것이 중요합니다!] 이 문구 덕분에 리덕스까지 학습하게 되었습니다. 지금 생각하면 참 다행인 부분이죠. 섹션 1부터 마지막 미니 프로젝트까지 진행하는 동안 리덕스의 제일 시초(?)적인 모습부터 그 부분의 단점을 보완하기 위해서 덕스, thunk, slice, saga 등으로 나아가는 것을 배울 수 있습니다. 단순해진 부분부터 배웠다면 그냥 주입식 학습이 되었을 텐데 차례대로 발전해 나가는 모습을 배울 수 있어서 단기간에 리덕스랑 친숙해지기 좋은 강좌라고 생각합니다. 다만, 난이도가 "초급"으로 되어 있는 만큼 입문 단계라고 생각하면 조금 벅찰 것 같습니다. 저는 리액트는 처음이지만 백엔드로는 경력이 있어 눈치껏(?) 배울 수 있었기 때문입니다. 일단 이해 안되더라도 편하게 칼럼 듣듯이 쭉 듣고, 대신 프로젝트는 꼭 직접 해봤습니다. 그리고 다시 문서를 확인하고 하는 방식으로 학습하였습니다. 다만 초반에는 이해안되도 그냥 그렇구나~ 하고 들어보면 다음 섹션에서 그 부분을 보완하는게 나와서 자연스럽게 한 번 더 이해할 수 있는 시간을 주는 것도 좋은 부분입니다. 리액트는 굉장히 발전이 빠른 라이브러리인 것 같습니다. 앞으로도 소플님의 많은 강의가 나오길 바랍니다!
- Inje Lee (소플)Giảng viên
미숫가루님 이렇게 자세한 수강평을 남겨주셔서 감사합니다. 말씀해주신대로 '처음 만난 리덕스' 강의는 리덕스의 오래전 사용방식부터 현재의 사용방식까지 하나씩 직접 실습을 해보면서 배우는 형태로 구성되어 있습니다. 이 부분은 요즘 입문자 분들이 곧바로 Redux Toolkit을 사용하게 되면서, 내부의 구성과 작동 원리를 잘 이해하지 못하고 사용하는 경우가 있어서 이렇게 구성하게 되었습니다. 이 과정이 리덕스를 이해하는데 도움이 되셨다니 제가 의도한 대로 된 것 같아서 뿌듯하네요ㅎㅎ 그리고 아무래도 강의 주제가 Redux이다보니 초급 강좌이지만 어렵게 느껴지는 부분들이 있을 수 있다고 생각합니다. 이런 부분들은 저도 여러가지 피드백을 통해서 어떤 부분이 어렵게 느껴지는지 이해하고, 향후에는 조금 더 쉽게 설명할 수 있도록 개선해보도록 하겠습니다. 앞으로도 리액트, 리덕스 등 프론트엔드와 관련해서 학습하시면서 궁금한 점은 언제든지 질문해주시고, 빠르게 성장하시길 응원하겠습니다!
- greenspace
Đánh giá 1
∙
Đánh giá trung bình 5.0
5
31% đã tham gia소플 강의는 저에게 최고의 힘이 되는 강의입니다.
- Inje Lee (소플)Giảng viên
greenspace님 수강평 남겨주셔서 감사합니다. 제 강의를 좋게 평가해주셔서 너무 뿌듯하네요ㅎㅎ 끝까지 꼭 완강하시기 바라고 학습 중에 궁금한 점이 있으면 언제든지 질문해주시기 바랍니다!😀
- 79blog
Đánh giá 2
∙
Đánh giá trung bình 5.0
5
100% đã tham gia설명을 재밌고 쉽게 해주셔서 이해도 잘되고 재밌게봤네요 ㅎㅎ
- Inje Lee (소플)Giảng viên
79blog님 수강평 남겨주셔서 감사합니다. 제 강의를 통해 리덕스 기초를 잘 다지셨기를 바랍니다! 😀
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!
![[VOD] 6주 완성! 개발 실무를 위한 고농축 바이브코딩 (Cursor AI, Figma)강의 썸네일](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)
![[Electron #1] Electron + React로 만드는 타이머 앱 (With Zustand)강의 썸네일](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
