Redux vs MobX (Learn Both!)
zerocho
Are you having trouble deciding between Redux and MobX? Let's learn both first and then decide!
초급
Redux, MobX
Redux 기초 개념
Redux 관련 핵심 라이브러리
Redux Toolkit 사용 방법
미니 프로젝트를 통한 Redux 기반 웹애플리케이션 개발
깔끔한 강의자료, 꼼꼼한 설명으로
쉽게 배우는 리덕스 강의입니다. 👨🏫
리덕스는 오픈소스 자바스크립트 상태관리 라이브러리입니다.
상태관리 라이브러리 중에서 압도적으로 가장 많이 사용되고 있으며,
리액트에 연동해서 애플리케이션의 상태들을 효과적으로 관리할 수 있어요.
최근에는 MobX, Recoil, Zustand, Jotai 등 다양한 상태관리 라이브러리들이 있지만, Redux는 세상에 나온 지 10년이 훨씬 넘은 상태관리 라이브러리의 조상님 같은 존재입니다. 즉, 상태관리의 핵심적인 컨셉과 구조에 대해서 기반을 다졌다고 볼 수 있는 것이죠!
위 차트는 대표적인 상태 관리 라이브러리들의 npm trend를 나타낸 것인데, 여기서 빨간색으로 표시된 것이 바로 Redux입니다. 다른 상태관리 라이브러리들이 밑에서 치고 올라오고 있지만, 여전히 Redux가 압도적으로 많이 사용되는 것을 볼 수 있습니다.
그래서 상대적으로 사용하기 쉬운 Recoil이나 Zustand를 사용하기 전에, 꼭 Redux를 통해 상태관리의 기초를 다지는 것이 중요합니다!
강의 내용을 언제든지 다시 복습할 수 있도록 문서 형태로 제공합니다.
궁금한 부분을 다시 찾아보면서 리덕스를 완벽하게 익혀보세요!
Redux의 기초를
잘 다질 수 있어요!
핵심 라이브러리들을
사용할 수 있어요!
Redux Toolkit을
사용할 수 있어요!
실전 프로젝트 경험을
쌓을 수 있어요!
섹션 0 [준비하기]
섹션 1, 2 [Redux 소개, 시작하기]
섹션 3 [Store]
섹션 4 [Action과 Action Creator]
섹션 5 [Reducer]
섹션 6 [Redux와 UI]
섹션 7 [Container]
섹션 8 [Ducks Pattern]
섹션 9 [redux-actions]
섹션 10 [Redux와 Async Logic]
섹션 11 [redux-thunk]
섹션 12 [redux-saga]
섹션 13 [redux-persist]
섹션 14 [Redux Toolkit (RTK)]
섹션 15 [Redux Hooks]
섹션 16 [미니 프로젝트]
Q. 자바스크립트를 잘 몰라도 들을 수 있는 강의인가요?
자바스크립트 기초 문법에 대한 내용이 따로 포함되어 있지 않기 때문에, 먼저 학습하고 들으시는 것이 좋습니다.
Q. 리액트에 대해 잘 몰라도 들을 수 있는 강의인가요?
리액트 개발도 포함되기 때문에, 리액트 기초 내용을 먼저 학습하고 들으시는 것이 좋습니다.
아래 제 무료 리액트 강의를 먼저 듣고 오시면 제일 좋습니다!
Q. 리덕스를 배우면 뭐가 좋은가요?
리덕스를 통해 애플리케이션 전체에 걸쳐서 상태들을 효과적으로 관리할 수 있습니다.
강의 내용 정리 문서
🔗 처음 만난 리덕스(Redux) 문서
2강 ~ 15강. 실습 소스코드
🔗 https://github.com/soaple/first-met-redux-practice
16강. 미니 프로젝트 소스코드
🔗 https://github.com/soaple/first-met-redux-todo
학습 대상은
누구일까요?
상태관리에 대한 기초를 쌓고 싶으신 분
Redux를 처음 접하시는 분
Redux를 이용한 상태관리에 관심있는 분
선수 지식,
필요할까요?
JavaScript 기초
리액트 기초
안녕하세요, 소플입니다.
2025년 3월부로 인프런에서의 지식공유자 활동을 마무리하고 새로운 출발을 합니다.
앞으로는 아래 사이트에서 제 강의와 컨텐츠들을 만나보실 수 있습니다.
소플이 만든 프론트엔드 지식 포털 - FrontOverflow
전체
118개 ∙ (5시간 50분)
4. Redux의 탄생
04:21
5. Flux Architecture
03:31
7. Redux Data Flow
00:43
8. 꼭 Redux를 써야할까?
02:01
9. 1강 요약
01:38
10. Redux 구성요소
03:28
11. Immutability
02:33
15. 2강 요약
01:57
전체
18개
5.0
18개의 수강평
수강평 3
∙
평균 평점 5.0
5
How redux works, why various technologies related to redux appeared, easy and detailed explanations of concepts and usage, and even whether the technology was recently used, I was able to naturally learn the answers to the questions that came up in the middle while following the lecture. However, I felt uncomfortable that redux basically requires a somewhat cumbersome process for state management, and I was confused about various technologies. It wasn't a problem with the lecture, but rather with the technology itself... Still, the instructor explained things in an easy-to-understand way, and I was able to complete the course. As the instructor said at the end, I enjoyed studying React, but I think I was quite frustrated while learning Redux. However, he added this. Perseverance and sincerity are important for developers. If you don't give up and study consistently and repeatedly, you will become a great developer. When I first started developing, everything felt really difficult, and there were so many things I didn't understand. Whether it was in the past or now, I have learned and come to know a lot, but I still feel like there is an endless amount to learn. Of course, most things feel difficult at first, but I also felt that the knowledge and experience accumulated over time are of great help when encountering new technologies again. I hope that by studying Redux well, I can gain a deeper understanding of state management, and that it will definitely be helpful when studying other state management libraries in the future. Thank you for the great lecture and for answering my questions quickly and kindly. If you give me another lecture, I would definitely like to listen to it again.
Thank you, dldldksl, for leaving a detailed review. The Redux lecture has some points that can frustrate beginners, but I think that you have passed a very big hurdle just by completing it to the end. After you have mastered Redux well, you will be able to use other state management libraries very easily and conveniently. If there is a part that you did not understand well, I hope you will study it repeatedly, and I recommend that you develop your own application in reality rather than just learning theories. If you have any questions while working on a personal project, please leave them on FrontOverflow at any time and I will answer them even if it is a little late. https://www.frontoverflow.com/ And if you need a code review, you can upload the code to GitHub and feel free to contact me through my email address. I hope that you have a good understanding of the basics of Redux through my lecture!😀
수강평 1
∙
평균 평점 5.0
5
I've been studying Redux for a while, looking up things here and there and writing code, but I still felt uneasy as if I was using it without understanding it..😂 I was frustrated because there weren't many lectures that properly covered Redux, so I bought a new lecture right away and I've finished it now. ㅎㅎ I feel like I have a better grasp of the concepts than before, and I think to myself, 'Ah, that's why I wrote that kind of code back then.'~ Thank you for the great lecture!!
Thank you, rockrock82, for leaving a detailed review. I hope my lecture helped you use Redux!
수강평 3
∙
평균 평점 5.0
5
I listened to everything from the first React I encountered to the first Redux I encountered. In fact, after learning React, I looked up blogs and saw that there are many simple state management libraries these days, so I almost didn't listen to Redux, but thanks to the phrase in the lecture introduction [It is important to build the basics of state management through Redux!], I ended up learning Redux. Thinking back now, it was really fortunate. While working through Section 1 to the last mini-project, you can learn about Redux from its very beginning(?) to Dux, thunk, slice, saga, etc. to make up for its shortcomings. If I had learned from the simpler part, it would have just been spoon-fed learning, but since you can learn how to develop it step by step, I think it is a good lecture to become familiar with Redux in a short period of time. However, since the difficulty level is set to "beginner," it might be a little overwhelming if you think of it as an introductory level. It is my first time with React, but I have experience with backend, so I was able to learn it intuitively(?). Even if I didn't understand it, I listened to it comfortably as if I was listening to a column, and instead, I made sure to do the project myself. And then I learned by checking the documentation again. However, even if I didn't understand it at first, I just listened to it thinking, "Oh, okay~", and the next section supplemented that part, so it's good to have time to understand it naturally once more. React seems to be a library that's developing very quickly. I hope that Sopl will come out with many more lectures in the future!
Thank you, Misutgaru, for leaving such a detailed course review. As you said, the 'First Encounter with Redux' course is structured in a way that you learn by practicing Redux from its old usage to its current usage. This part was structured this way because these days, beginners often start using Redux Toolkit right away and sometimes don't understand its internal structure and operating principles. I'm glad that this process helped you understand Redux, and I think it turned out as I intended.ㅎㅎ Also, since the lecture topic is Redux, I think there may be parts that feel difficult even though it's a beginner's course. I will try to understand which parts are difficult through various feedback and improve them so that I can explain them a little more easily in the future. In the future, if you have any questions about React, Redux, or other front-end related topics, please feel free to ask questions and I will cheer you on to grow quickly!
수강평 1
∙
평균 평점 5.0
5
Sopel's class is the best class for me.
Thank you for leaving a review, greenspace. I'm so proud that you liked my class 😊😊 I hope you finish the course and if you have any questions during your studies, please feel free to ask! 😀
같은 분야의 다른 강의를 만나보세요!
강의가 포함된 로드맵으로 학습해 보세요!