Redux vs MobX (Learn Both!)
zerocho
Are you having trouble deciding between Redux and MobX? Let's learn both first and then decide!
Basic
Redux, MobX
BEST
First Encounter with Redux
You can build a solid foundation in the basics of Redux, along with the fundamental concepts of state management.
Reviews from Early Learners
What you will gain after the course
Basic concepts of Redux
Core libraries related to Redux
How to use Redux Toolkit
Developing a Redux-based web application through a mini-project
🚨 Notice of suspension of lecture provision 🚨
Hello, this is Sopl.
Inflearn's offering of the course ' First Encounter with Redux ' has been discontinued.
Existing students can take the course at Inflearn.
If you have any questions about the lecture, please leave them in the link below and we will check and answer them 😀
With neat lecture materials and detailed explanations
This is an easy-to-learn Redux course. 👨🏫
Into the world of redux
You are invited 💫
Redux is an open source JavaScript state management library.
It is by far the most widely used state management library.
You can effectively manage the application's state by linking to React.
Why Redux
Should I learn it? 🤔
Recently, there are various state management libraries such as MobX, Recoil, Zustand, Jotai, etc., but Redux is like the ancestor of state management libraries that has been around for more than 10 years. In other words, it can be said that it laid the foundation for the core concepts and structures of state management !
The chart above shows the npm trend of representative state management libraries, and the one highlighted in red is Redux. Although other state management libraries are rising from the bottom, you can see that Redux is still used overwhelmingly .
So before using Recoil or Zustand, which are relatively easy to use, it is important to build a foundation of state management through Redux !
Features of the lecture
Let me tell you 🔎
- Learn basic concepts by creating Redux components one by one.
- Learn how to use core libraries related to Redux.
- Learn how to use Redux Toolkit.
- Develop a real Redux-based web application through a mini-project.
Through the document
Organize your learning content 📖
We provide the lecture content in document form so that you can review it at any time.
Master Redux completely by revisiting the parts you were curious about!
🔗 First encounter with Redux documentation
Changes in students after attending the lecture 🙋♂️
The basics of Redux
You can chop it well!
Core libraries
You can use it!
Redux Toolkit
You can use it!
Experience in real-world projects
You can stack them!
A sneak peek of what you'll learn 📚
Section 0 [Getting Ready]
- Learn about redux-devtools.
- Set up your development environment for practice and install redux-devtools.
Section 1, 2 [Introduction to Redux, Getting Started]
- Learn about the creation and principles of Redux.
- Learn about Redux components and immutability.
Section 3 [Store]
- Learn about the concepts of Store and Dispatcher.
- Learn about functions related to Store.
Section 4 [Actions and Action Creators]
- Learn about the concepts of Actions and Action Creators.
Section 5 [Reducer]
- Learn about the concepts and rules of Reducer.
- Learn the concept of Immutable Update.
- Learn how to create a rootReducer.
Section 6 [Redux and UI]
- Learn about the relationship between Redux and UI.
- Learn how to integrate Redux with your UI.
Section 7 [Container]
- Learn about the concept of Containers.
- Learn about the react-redux package and its main APIs.
Section 8 [Ducks Pattern]
- Learn about the concept of Duck and the Ducks pattern.
Section 9 [redux-actions]
- Learn about Flux Standard Actions.
- Learn about redux-actions.
Section 10 [Redux and Async Logic]
- Learn about Async Logic and Side Effects.
- Learn about Async Logic in Redux.
Section 11 [redux-thunk]
- Learn about the concept of Thunk and why you should use it.
- Learn about redux-thunk.
- Learn how to write thunk functions and their patterns.
Section 12 [redux-saga]
- Learn about the concept of Sagas and why they are used.
- Learn about Generator Functions.
- Learn about redux-saga.
- Learn the differences between Thunk and Saga.
Section 13 [redux-persist]
- Learn about the concept of Persist.
- Learn about redux-persist.
- Learn about Storage and the process of saving and restoring data.
Section 14 [Redux Toolkit (RTK)]
- Learn about Redux Toolkit.
- Learn about the concept of Slice and how to use it.
- Learn about immer usage patterns.
Section 15 [Redux Hooks]
- Learn about the useSelector() hook.
- Learn about the useDispatch() hook.
- Learn about the useStore() hook.
Section 16 [Mini Project]
- Let's synthesize what we've learned so far and create a Redux-based TODO application.
Expected Questions Q&A 💬
Q. Is this a lecture that I can take even if I don't know much about JavaScript ?
Since it does not include separate content on basic JavaScript grammar, it is recommended that you learn and listen to it first.
Q. Is this a lecture that I can take even if I don't know much about React?
Since React development is also included, it is recommended that you learn and listen to the basics of React first.
It would be best if you first listen to my free React lecture below!
Q. What are the benefits of learning Redux?
Redux allows you to efficiently manage state across your application.
Learning Materials 💡
Lecture content summary document
🔗 First encounter with Redux documentation
Lessons 2 - 15. Practice source code
🔗 https://github.com/soaple/first-met-redux-practice
16th round. Mini project source code
🔗 https://github.com/soaple/first-met-redux-todo
Recommended for
these people
Who is this course right for?
For those who want to build a foundation in state management.
Beginners to Redux
Anyone interested in state management using Redux
Need to know before starting?
JavaScript Basics
React Basics
안녕하세요, 소플입니다.
2025년 3월부로 인프런에서의 지식공유자 활동을 마무리하고 새로운 출발을 합니다.
앞으로는 아래 사이트에서 제 강의와 컨텐츠들을 만나보실 수 있습니다.
소플이 만든 프론트엔드 지식 포털 - FrontOverflow
Curriculum
All
118 lectures ∙ (5hr 50min)
Published:
Last updated:
Reviews
All
18 reviews
5.0
18 reviews
dldldksl1048Reviews 3
∙
Average Rating 5.0
5
100% enrolledHow 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.
- soapleInstructor
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!😀
- kaenum18779
Reviews 1
∙
Average Rating 5.0
5
6% enrolledI'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!!
- soapleInstructor
Thank you, rockrock82, for leaving a detailed review. I hope my lecture helped you use Redux!
- misutgaru
Reviews 3
∙
Average Rating 5.0
5
100% enrolledI 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!
- soapleInstructor
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!
- greenspace4699
Reviews 1
∙
Average Rating 5.0
5
31% enrolledSopel's class is the best class for me.
- soapleInstructor
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! 😀
Similar courses
Explore other courses in the same field!
![[VOD] 6-Week Complete! High-Concentration Vibe Coding for Development Practice (Cursor AI, Figma)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/338156/cover/01k4c77bftwd8ec4k0yakavbrc?f=avif&w=420)
![# [Electron #1] Building a Timer App with Electron + React (With Zustand)Course Thumbnail](https://cdn.inflearn.com/public/files/courses/336817/cover/01jwx9ttbwnetdsbt5qrxgxb3x?f=avif&w=420)
