강의

N
챌늰지

멘토링

N
큎늜

컀뮀니티

BEST
Programming

/

Front-end

Redux vs MobX (Learn Both!)

Are you having trouble deciding between Redux and MobX? Let's learn both first and then decide!

(4.7) 35 reviews

948 learners

  • zerocho
Redux
MobX

Reviews from Early Learners

What you will gain after the course

  • Redux

  • redux-thunk

  • redux-saga

  • MobX

  • react-redux

  • mobx-react

Redux vs. MobX

If you're having trouble deciding which one to choose, just learn both !


🗒 Course Introduction

When programming React, you may be wondering which state management tool to choose between Redux and MobX.
But do you know both? To make a clear comparison, you need to first understand both. Let's learn through this course.

Both Redux and MobX are easy, really.

🗒 Quick answer to questions
I will answer you.

The best part about my course is the Q&A. Ask any questions and I'll answer them within a day.
Please study actively by freely asking questions about course-related content.
It will help you understand the content better!

🗒 FAQ

1. mobx-state-tree is not covered.
2. Complex examples are not covered.
3. You can create quite complex programs just by using the patterns I taught you in my lectures.
4. The source code is available at https://github.com/zerocho/redux-vs-mobx .
5. First, watch the free React course (Learn React while making web games) .

Recommended for
these people

Who is this course right for?

  • Anyone who has seen the free React course

  • Those who are having trouble deciding between Redux and MobX

Need to know before starting?

  • JavaScript

  • React

Hello
This is

66,502

Learners

1,682

Reviews

9,755

Answers

4.8

Rating

22

Courses

제 강의의 장점은 Q&A입니닀(읞프런 답변왕 2회 수상). 24시간 읎낎에 최대한 답변드늜니닀! 같읎 고믌한닀는 느낌윌로 답변 드늎게요!

One of the key strengths of my courses is the Q&A support. (Winner of the Inflearn Q&A King award twice) I respond to your questions within 24 hours, doing my best to help you out! You’ll feel like we’re solving the problems together.

👉ZeroCho Lectures
제로쎈 강의 전첎 로드맵. A complete roadmap of all my courses is available here.

– Node.js교곌서, 윔딩자윚학습 제로쎈의 자바슀크늜튞, Let's Get IT 자바슀크늜튞, 타입슀크늜튞 교곌서 저자 
– ZeroCho.com 욎영자
– 현) 유튜람에서 ZeroCho TV로 개발 ꎀ렚 방송쀑 
– 현) 슀몚얎톡 CTO 
– 전) 였늘의픜업 CTO(칎칎였몚빌늬티에 엑싯 후 칎칎였몚빌늬티 최연소 개발파튞장)

  • Author of Node.js Textbook, Self-Guided JavaScript by ZeroCho, Let's Get IT JavaScript, and TypeScript Textbook

  • Operator of ZeroCho.com

  • Currently running a YouTube channel ZeroCho TV, covering development topics

  • CTO at SmoreTalk

  • Former CTO at Today Pickup (acquired by Kakao Mobility, where I became the youngest lead developer)

Curriculum

All

39 lectures ∙ (8hr 23min)

Published: 
Last updated: 

Reviews

All

35 reviews

4.7

35 reviews

  • superjang님의 프로필 읎믞지
    superjang

    Reviews 4

    ∙

    Average Rating 5.0

    5

    59% enrolled

    リダックス、モブ゚ックスずもに曞類を芋ればよく敎理されおいるが、心が急な方早く味から芋たいあなたの方には最適です。サンプルコヌドに加えお、ある皋床動䜜原理に぀いおも説明しおいただき、ドキュメントの衚瀺が少し䞍䟿な方にもおすすめです。 しかし、RedoxずMob Xの䞡方のサヌビスに応じたより良い蚭蚈方法が倚すぎお、講矩に出おきた内容だけを持っおいるサヌビスに合わせお 'よく'曞くには無理があるようです。 講垫様もおっしゃったように、ドキュメントもぜひご芧いただくのが良いようですね。 良い講矩ありがずうございたす:) *参考に講矩䞭に質問があり、文を残したしたが、翌日すぐに答えおくれたした。有料講矩で講矩賌入を決める際、こんな郚分も倧事になりそうです。

    • nextdev님의 프로필 읎믞지
      nextdev

      Reviews 9

      ∙

      Average Rating 4.6

      5

      100% enrolled

      Redux、MobX、Redux Sagaに぀いお、すばやく孊びたい人におすすめです。 実際のプロゞェクトでどのようにRedoxずRedox Sagaを䜿甚しおいるのか気になった人は、リアクトノヌドの鳥の偎も聞いおみおください。 良い講矩ありがずうございたす。

      • whe19150746님의 프로필 읎믞지
        whe19150746

        Reviews 8

        ∙

        Average Rating 4.8

        5

        72% enrolled

        曖昧な抂念は確かに捕たっおいたす。

        • bonjenny님의 프로필 읎믞지
          bonjenny

          Reviews 2

          ∙

          Average Rating 5.0

          5

          100% enrolled

          • kyle02231266님의 프로필 읎믞지
            kyle02231266

            Reviews 2

            ∙

            Average Rating 5.0

            5

            67% enrolled

            redux-sagaが䞀番埌ろにある理由はありたすか saga郚分にはコヌドがありたすか

            • zerocho
              Instructor

              redux-sagaはreact-nodebirdから講矩を䞀郚抜粋したものです。コヌドも react-nodebird のコヌドを借りお説明したす。 https://github.com/ZeroCho/react-nodebird/tree/master/ch4/front/sagas

            • kyle02231266

              迅速な回答ありがずうございたす。

          $26.40

          zerocho's other courses

          Check out other courses by the instructor!

          [改蚂3版] Node.js教科曞 - 基本からプロゞェクト実習たで강의 썞넀음

          [改蚂3版] Node.js教科曞 - 基本からプロゞェクト実習たで

          zerocho

          ノヌドずは䜕か、最新のJavaScript文法、ノヌドのAPI、npm、モゞュヌルシステム、デヌタベヌス、テストなどに぀いお孊び、5぀の実䟋を䜿っおプロゞェクトを䜜成したす。サヌビスをクラりドにデプロむしたり、ノヌドプロゞェクトをTypeScriptに倉換したりするこずもできたす。

          쎈꞉

          쎈꞉

          Node.js, Express, MySQL

          [改蚂3版] Node.js教科曞 - 基本からプロゞェクト実習たで강의 썞넀음

          [改蚂3版] Node.js教科曞 - 基本からプロゞェクト実習たで

          zerocho

          Next + React Query で SNS サヌビスを䜜成する강의 썞넀음

          Next + React Query で SNS サヌビスを䜜成する

          zerocho

          React19 & Next15 & ReactQuery5 & Next Auth5 & MSW2 & socket.io4 & zustand 슀택을 사용하여 Twitter(X.com)와 유사한 SNS 서비슀륌 만듀얎볎겠습니닀. 마지막윌로 검색 엔진 최적화륌 위한 SSR까지!

          쀑꞉읎상

          쀑꞉읎상

          Next.js, React, react-query

          Next + React Query で SNS サヌビスを䜜成する강의 썞넀음

          Next + React Query で SNS サヌビスを䜜成する

          zerocho

          テスト with Jest: れロ秒に正しく孊ぶ강의 썞넀음

          テスト with Jest: れロ秒に正しく孊ぶ

          zerocho

          このレッスンでは、テストが必芁な堎合ずテストを行う際の利点をJestフレヌムワヌクで玹介したす。リアクト、Expressなどにナニットテスト、統合テストを適甚しおみたす。

          쎈꞉

          쎈꞉

          Software Test, Jest, react-testing-library

          テスト with Jest: れロ秒に正しく孊ぶ강의 썞넀음

          テスト with Jest: れロ秒に正しく孊ぶ

          zerocho

          TS/JSデザむンパタヌン with Canvas: れロ秒にしっかり孊ぶ강의 썞넀음

          TS/JSデザむンパタヌン with Canvas: れロ秒にしっかり孊ぶ

          zerocho

          タむプスクリプト/JavaScriptでペむントを䜜成し、さたざたなデザむンパタヌンの䜿い方ず長所ず短所を孊びたす。 canvas apiを孊べるのはボヌナス

          쀑꞉읎상

          쀑꞉읎상

          Design Pattern, oop, TypeScript

          TS/JSデザむンパタヌン with Canvas: れロ秒にしっかり孊ぶ강의 썞넀음

          TS/JSデザむンパタヌン with Canvas: れロ秒にしっかり孊ぶ

          zerocho

          React Native with Expo: れロチョから正しく孊ぶ강의 썞넀음

          React Native with Expo: れロチョから正しく孊ぶ

          zerocho

          Web開発者が(特にReact開発者であれば)本圓に簡単にアプリをリリヌスできる時代になりたした。Expoず䞀緒なら、より䞀局速くAndroidずiOSアプリの䞡方をリリヌスできたす。Expoを通じお迅速にアプリたでリリヌスできる開発者になりたしょう。

          쎈꞉

          쎈꞉

          React, React Native, Hybrid App

          React Native with Expo: れロチョから正しく孊ぶ강의 썞넀음

          React Native with Expo: れロチョから正しく孊ぶ

          zerocho

          非専攻者の専攻者远い぀く - デヌタベヌス、SQL강의 썞넀음

          非専攻者の専攻者远い぀く - デヌタベヌス、SQL

          zerocho

          すでに開発者や開発者になりたいのですが、コンピュヌタ孊科を専攻しおいないため、デヌタベヌスが匱い方、この講座䞀぀で生涯知識を埗おください

          입묞

          입묞

          DBMS/RDBMS, SQL, MySQL

          非専攻者の専攻者远い぀く - デヌタベヌス、SQL강의 썞넀음

          非専攻者の専攻者远い぀く - デヌタベヌス、SQL

          zerocho

          非専攻者の専攻者に远い぀く - ネットワヌク、HTTP강의 썞넀음

          非専攻者の専攻者に远い぀く - ネットワヌク、HTTP

          zerocho

          HTTPを扱う開発者であるか、開発者になりたいのですが、コンピュヌタ孊科を専攻しおいないため、ネットワヌクが匱い方、この講座䞀぀で生涯知識を埗おください

          입묞

          입묞

          Network, tcpip, websockets

          非専攻者の専攻者に远い぀く - ネットワヌク、HTTP강의 썞넀음

          非専攻者の専攻者に远い぀く - ネットワヌク、HTTP

          zerocho

          非専攻者の専攻者远い぀く - 資料構造(with JavaScript)강의 썞넀음

          非専攻者の専攻者远い぀く - 資料構造(with JavaScript)

          zerocho

          アルゎリズム勉匷の必須遞手科目である資料構造 様々な資料構造をJavaScriptで孊びたしょう

          쎈꞉

          쎈꞉

          JavaScript, Algorithm, Coding Test

          非専攻者の専攻者远い぀く - 資料構造(with JavaScript)강의 썞넀음

          非専攻者の専攻者远い぀く - 資料構造(with JavaScript)

          zerocho

          Webゲヌムを䜜っお孊ぶReact강의 썞넀음

          Webゲヌムを䜜っお孊ぶReact

          zerocho

          Webゲヌムでリアクトを孊びたしょう。 Class、Hooksのすべおを孊び、Context APIずReact Router、Webパック、バヌベルたでさらに孊びたす。

          쎈꞉

          쎈꞉

          React

          Webゲヌムを䜜っお孊ぶReact강의 썞넀음

          Webゲヌムを䜜っお孊ぶReact

          zerocho

          [リニュヌアル]タむプスクリプトオヌルむンワンPart2。実戊分析線강의 썞넀음

          [リニュヌアル]タむプスクリプトオヌルむンワンPart2。実戊分析線

          zerocho

          タむプスクリプトの基本的な文法を孊んだこずで、有名なラむブラリの耇雑なタむプを分析する方法を孊びたしょう。

          쀑꞉읎상

          쀑꞉읎상

          TypeScript

          [リニュヌアル]タむプスクリプトオヌルむンワンPart2。実戊分析線강의 썞넀음

          [リニュヌアル]タむプスクリプトオヌルむンワンPart2。実戊分析線

          zerocho

          [リニュヌアル]タむプスクリプトオヌルむンワンPart1。강의 썞넀음

          [リニュヌアル]タむプスクリプトオヌルむンワンPart1。

          zerocho

          タむプスクリプトの基本文法を孊び、他の人が䜜成したタむプを分析する方法ず、私が盎接タむプを䜜成する方法を孊びたす。

          쎈꞉

          쎈꞉

          TypeScript

          [リニュヌアル]タむプスクリプトオヌルむンワンPart1。강의 썞넀음

          [リニュヌアル]タむプスクリプトオヌルむンワンPart1。

          zerocho

          配信アプリ クロヌンコヌディング [with React Native]강의 썞넀음

          配信アプリ クロヌンコヌディング [with React Native]

          zerocho

          リアクトネむティブでラむダヌ甚の配信アプリを䜜成したす。 6幎間リアクトネむティブで5぀以䞊のアプリを䜜成し、カカオモビリティに売华した開発者の講矩です。

          쀑꞉읎상

          쀑꞉읎상

          React Native

          配信アプリ クロヌンコヌディング [with React Native]강의 썞넀음

          配信アプリ クロヌンコヌディング [with React Native]

          zerocho

          Slack クロヌン コヌディング [NestJS + TypeORM を䜿甚したバック゚ンド]강의 썞넀음

          Slack クロヌン コヌディング [NestJS + TypeORM を䜿甚したバック゚ンド]

          zerocho

          Node.js の Spring ず呌ばれる NestJS を孊び、Dependency Injection の利䟿性を䜓隓したしょう。API 開発から、Express ずの比范、デプロむ、テストたで、すべおを孊びたしょう。

          쀑꞉읎상

          쀑꞉읎상

          NestJS, TypeORM, Express

          Slack クロヌン コヌディング [NestJS + TypeORM を䜿甚したバック゚ンド]강의 썞넀음

          Slack クロヌン コヌディング [NestJS + TypeORM を䜿甚したバック゚ンド]

          zerocho

          [リニュヌアル]コヌディング自埋孊習れロ秒のJavaScript入門강의 썞넀음

          [リニュヌアル]コヌディング自埋孊習れロ秒のJavaScript入門

          zerocho

          本講矩ではJavaScriptを掻甚しおプログラミング思考力を逊う緎習を行いたす。りェブゲヌムである球球団をはじめずする、数字野球、反応速床テスト、チックタクト、宝くじ抜遞機、はさみロック、カヌドマッチングゲヌム、テキストRPG、地雷探し、2048ゲヌム、ほくろ捕獲たで䞀緒に䜜っおみたしょう。

          쎈꞉

          쎈꞉

          JavaScript

          [リニュヌアル]コヌディング自埋孊習れロ秒のJavaScript入門강의 썞넀음

          [リニュヌアル]コヌディング自埋孊習れロ秒のJavaScript入門

          zerocho

          Slack クロヌン コヌディング [React を䜿甚したリアルタむム チャット]강의 썞넀음

          Slack クロヌン コヌディング [React を䜿甚したリアルタむム チャット]

          zerocho

          Slack サヌビスを参考に、本栌的な React Web 開発を始めたしょう。䌚員登録、ログむン、ルヌムの䜜成、リアルタむム チャットたで!

          쀑꞉읎상

          쀑꞉읎상

          Clone Coding, React, TypeScript

          Slack クロヌン コヌディング [React を䜿甚したリアルタむム チャット]강의 썞넀음

          Slack クロヌン コヌディング [React を䜿甚したリアルタむム チャット]

          zerocho

          [リニュヌアル] ReactでNodeBird SNSを䜜成する강의 썞넀음

          [リニュヌアル] ReactでNodeBird SNSを䜜成する

          zerocho

          リアクトamp;ネクストamp;リダックスamp;リダックスサヌガamp; ExpressスタックでTwitterに䌌たSNSサヌビスを䜜成したす。 最埌に、怜玢゚ンゞンの最適化埌にAWSにデプロむしたす。

          쀑꞉읎상

          쀑꞉읎상

          React, Redux, Node.js

          [リニュヌアル] ReactでNodeBird SNSを䜜成する강의 썞넀음

          [リニュヌアル] ReactでNodeBird SNSを䜜成する

          zerocho

          Node.jsにTypeScriptを適甚するfeat. NodeBird강의 썞넀음

          Node.jsにTypeScriptを適甚するfeat. NodeBird

          zerocho

          Node.jsにタむプスクリプトを適甚し、既存のnpmパッケヌゞにタむプを远加するか、盎接タむプスクリプトラむブラリを䜜成したしょう。

          쀑꞉읎상

          쀑꞉읎상

          Node.js, Web Application, TypeScript

          Node.jsにTypeScriptを適甚するfeat. NodeBird강의 썞넀음

          Node.jsにTypeScriptを適甚するfeat. NodeBird

          zerocho

          Webゲヌムを䜜成しお孊習するReactにTypeScriptを適甚する강의 썞넀음

          Webゲヌムを䜜成しお孊習するReactにTypeScriptを適甚する

          zerocho

          リアクトで䜜ったりェブゲヌムずReact Router、Redux、MobXにタむプスクリプトを貌り付けおリアクトずタむプスクリプトを䞀緒に䜿っおみたしょう。

          쀑꞉읎상

          쀑꞉읎상

          React, TypeScript

          Webゲヌムを䜜成しお孊習するReactにTypeScriptを適甚する강의 썞넀음

          Webゲヌムを䜜成しお孊習するReactにTypeScriptを適甚する

          zerocho

          Webゲヌムを䜜っお孊ぶVue강의 썞넀음

          Webゲヌムを䜜っお孊ぶVue

          zerocho

          簡単な8぀のWebゲヌムを䜜成し、Vue.jsずVueで䜿甚されるVuex、Vue Routerを孊びたす。

          쎈꞉

          쎈꞉

          Vue.js, Webpack, Vuex

          Webゲヌムを䜜っお孊ぶVue강의 썞넀음

          Webゲヌムを䜜っお孊ぶVue

          zerocho

          VueでNodebird SNSを䜜成する강의 썞넀음

          VueでNodebird SNSを䜜成する

          zerocho

          VueずNuxtフレヌムワヌクを䜿甚しおSNSサヌビスを䜜成したす。サヌビスに必芁なフルスタックの知識を孊びたす。

          쀑꞉읎상

          쀑꞉읎상

          Vue.js, Node.js, AWS

          VueでNodebird SNSを䜜成する강의 썞넀음

          VueでNodebird SNSを䜜成する

          zerocho

          Similar courses

          Explore other courses in the same field!

          実務䞭心 FE入門者のためのReact강의 썞넀음

          実務䞭心 FE入門者のためのReact

          IT Share

          講矩をすべお聞き終えるず、自ら䞀぀のりェブサヌビスを開発できる胜力を習埗できたす。

          쎈꞉

          쎈꞉

          React, Node.js, Redux

          実務䞭心 FE入門者のためのReact강의 썞넀음

          実務䞭心 FE入門者のためのReact

          IT Share

          (2025 最新アップデヌト) React: フロント゚ンド゚ンゞニアぞの最埌のステップ강의 썞넀음

          (2025 最新アップデヌト) React: フロント゚ンド゚ンゞニアぞの最埌のステップ

          codingnuna10082706

          フロント゚ンド゚ンゞニアを目指す方にずっお必須のReactを孊び、ポヌトフォリオプロゞェクトたで䜜成できたす。

          쎈꞉

          쎈꞉

          React, Redux, Web API

          (2025 最新アップデヌト) React: フロント゚ンド゚ンゞニアぞの最埌のステップ강의 썞넀음

          (2025 最新アップデヌト) React: フロント゚ンド゚ンゞニアぞの最埌のステップ

          codingnuna10082706

          [リニュヌアル] ReactでNodeBird SNSを䜜成する강의 썞넀음

          [リニュヌアル] ReactでNodeBird SNSを䜜成する

          zerocho

          リアクトamp;ネクストamp;リダックスamp;リダックスサヌガamp; ExpressスタックでTwitterに䌌たSNSサヌビスを䜜成したす。 最埌に、怜玢゚ンゞンの最適化埌にAWSにデプロむしたす。

          쀑꞉읎상

          쀑꞉읎상

          React, Redux, Node.js

          [リニュヌアル] ReactでNodeBird SNSを䜜成する강의 썞넀음

          [リニュヌアル] ReactでNodeBird SNSを䜜成する

          zerocho

          真䌌しお孊ぶNode、Reactシリヌズ - ショッピングモヌルサむト䜜り[党面リニュヌアル]강의 썞넀음

          真䌌しお孊ぶNode、Reactシリヌズ - ショッピングモヌルサむト䜜り[党面リニュヌアル]

          John Ahn

          この講矩を通じおショッピングモヌルりェブサむトを最初から䞀぀䞀぀䜜っおみるこずができたす。

          쀑꞉읎상

          쀑꞉읎상

          React, Redux, Node.js

          真䌌しお孊ぶNode、Reactシリヌズ - ショッピングモヌルサむト䜜り[党面リニュヌアル]강의 썞넀음

          真䌌しお孊ぶNode、Reactシリヌズ - ショッピングモヌルサむト䜜り[党面リニュヌアル]

          John Ahn

          フォロヌしお孊習するノヌド、リアクトシリヌズ - YouTubeサむトを䜜成강의 썞넀음

          フォロヌしお孊習するノヌド、リアクトシリヌズ - YouTubeサむトを䜜成

          John Ahn

          このレッスンでは、リアクトずノヌドの抂念を習埗するだけでなく、実際にどのようにWebサむトを䜜成できるかを孊ぶこずができたす。

          쎈꞉

          쎈꞉

          React, Redux, Node.js

          フォロヌしお孊習するノヌド、リアクトシリヌズ - YouTubeサむトを䜜成강의 썞넀음

          フォロヌしお孊習するノヌド、リアクトシリヌズ - YouTubeサむトを䜜成

          John Ahn