Redux vs MobX๏ผไธกๆนใๅญฆใผใ๏ผ๏ผ
RedoxใจMob Xใ้ธใถใฎใๅฟ้ ใใฆใใพใใ๏ผ ไธๅบฆใไธกๆนใๅญฆใใงใใๆฉใฟใพใใใ๏ผ
ๅ่ฌ็ 949ๅ
้ฃๆๅบฆ ๅ็ด
ๅ่ฌๆ้ ็กๅถ้
- ๆช่งฃๆฑบ
context api, redux๋ฅผ ํผ์ฉํ๋๊ฑด ๋ณ๋ก์ผ๊น์?
์น๊ฒ์์ด ์ฌ๋ฌ๊ฐ ์์ผ๋ฉด์ ์ผ๋ถ๋ ์ฌ์ฉ์ ๊ฐ์ ๋์ ๋ ๊ฐ๋ฅํ ๊ฒฝ์ฐ์๋ฒ์ ์ฃผ๊ณ ๋ฐ๋ ๋ฐ์ดํฐ(๋์ ๊ฒ์์ ์งํ ๋ฐ์ดํฐ ํฌํจ)๋ redux๋ก ๊ด๋ฆฌํ๊ณ , 1์ธ์ฉ ๊ฒ์ ๋ฑ ๋ค๋ฅธ ๊ณณ์์ ์ฌ์ฉํ ์ผ์ด ์๋ ๊ฒ์์ ๋ฐ์ดํฐ๋ค์ context api๋ก ๊ด๋ฆฌํ๋ ค๊ณ ํ๋๋ฐ
reduxmobxkyle02231266
ใป
0
351
1
- ๆช่งฃๆฑบ
์น์ 3 mobx autorun ๊ด๋ จ ์ง๋ฌธ์ ๋๋ค.
const state = observable({ name: "zero", age: 28, married: false, }); autorun(() => { console.log("
reduxmobxnureongi0214
ใป
0
239
1
- ๆช่งฃๆฑบ
thunk ๋ฏธ๋ค์จ์ด ์ก์ ์ค ๋ ผ๋ฆฌ๋ก์ง ๋จ๊ณ? ์ง๋ฌธ์ด ์์ต๋๋ค.
๋ฏธ๋ค์จ์ด๊ฐ ๋ค์ด๊ฐ ์ดํ ๊ถ๊ธํ ๋ถ๋ถ์ด ์์ด์ ์ง๋ฌธ ํฉ๋๋ค.๋ฆฌ๋์ค์ dispatch๋ฅผ ํ๋ฉด ๋ฆฌ๋์๊ฐ ์ด๋ฅผ ๋ฐ๊ณ , ๊ธฐ์กด์ ์ก์ ํจ์๋ฅผ ๋ง๋ค์๋ค๋ฉด, ๋ง๋ ์ก์ ํจ์๋ฅผ ๋งค์นญ ์์ผ์ ์ํ๊ด๋ฆฌ๋ฅผ ํ์์์? ๊ทธ๋์ ์ด๋ฒ ๊ฐ์ข(2-4.
reduxmobxgoodsosbva4133
ใป
0
268
1
- ่งฃๆฑบ
rootSaga์์ call๋ฅผ ์ฌ์ฉํ๋ ์ด์ ๊ฐ ๊ถ๊ธํฉ๋๋ค.
export default function* userSaga() { yield all([fork(watchLogin), fork(watchHello)]); } <cod
reduxmobxgrs0412
ใป
0
343
1
- ่งฃๆฑบ
observable์ ํจ์๋ฅผ ์ต๋ช ํจ์๋ก ๋ฐ๊ฟ๋ดค์ต๋๋ค.
const userStore = observable({ isLogginIn: false, data: null as any, logIn(data: any) { this.isLogginIn
reduxmobxgrs0412
ใป
0
369
1
- ่งฃๆฑบ
useSelector ๋ฆฌ๋๋๋ง ์ง๋ฌธ์์ต๋๋ค.
const userData = useSelector((state) => state.user.data); const isLoggingIn = useSelector((state) => state.user.isLo
reduxmobxgrs0412
ใป
0
369
1
- ่งฃๆฑบ
๋น๋๊ธฐ action ํ์ ์ ๋ญ๋ก ์ง์ ํด์ผ ํ ๊น์?
//๋น๋๊ธฐ const logIn = (data: any): any => { return (dispatch: Dispatch, getState: any) =>
reduxmobxgrs0412
ใป
0
247
1
- ่งฃๆฑบ
redux-thunk์ง๋ฌธ
ํ์ฌ ๊ฐ์ ํ๋ก์ ํธ ํ์ผ์์๋ ํดํท์ ์ค์นํ์ง๋, redux-thunk๋ฅผ ๋ฐ๋ก ์ค์นํ์ง๋ ์์๋๋ฐ ์ด๋ ๋ถ๋ถ์ด thunk์ธ ๊ฑด๊ฐ์? ์ฌ๊ธฐ์ ๋งํ๋ thunk๋ฏธ๋ค์จ์ด๋ ๊ทธ๋ฅ ์ด๋ฆ๋ง thunk์ธ ๊ฒ์ด๊ณ ์ง์ง redux-thunk์ thunk๋ฏธ๋ค์จ์ด๋ ํดํท ์์์์ ์ฌ
reduxmobxroider23164240
ใป
0
420
1
- ่งฃๆฑบ
state ๋ณ๊ฒฝ ์ ์ง๋ฌธ
์์์์๋ ๋ฐฐ์ดํ์ ์ state์ ์์๋ฅผ ์ ๊ฑฐํด์ฃผ๊ธฐ ์ํด ๊น์ ๋ณต์ฌํ ๋ค์ delete๋ฅผ ์ฐ๋ ์์ผ๋ก ํ์๋๋ฐ ๊ธํ๊ฒ ๊ตฌํํ๋ค๊ณ ๊น์ ๋ณต์ฌ๋ฅผ ์ด ๊ฒ์ด๊ณ ์ค์ ๋ก๋ ๊ทธ๋ ๊ฒ ํ๋ฉด ์๋๋ค๊ณ ํ์ จ๋๋ฐ ๋ง์ฝ immer๋ฅผ ์ฐ์ง ์๋๋ค๋ฉด ์ค์ ๋ก๋ ์ด๋ป๊ฒ ์์ ์ ๊ฑฐ๋ฅผ ํด์ผํ๋์?
reduxmobxroider23164240
ใป
0
336
1
- ๆช่งฃๆฑบ
state๋ณ๊ฒฝ ์ ์ง๋ฌธ
์์์์๋ ๋น ๋ฅด๊ฒ ๊ตฌํํ๋ค๊ณ ๋ฐฐ์ดํ์ ์ state์ ์์๋ฅผ ์ ๊ฑฐํด์ฃผ๊ธฐ ์ํด ๊น์ ๋ณต์ฌํ ๋ค์ delete๋ฅผ ์ฐ๋ ์์ผ๋ก ํ์๋๋ฐ immer์ฐ์ง ์๋๋ค๋ฉด ์ค์ ๋ก๋ ์์ ์ ๊ฑฐ๋ฅผ ์ด๋ป๊ฒ ํด์ผํ๋์?
reduxmobxไฝๆ่ ใชใ
ใป
0
313
2
- ่งฃๆฑบ
firstMiddleware์ thunkMiddleware ์์ ์ง๋ฌธ
applyMiddleware์ firstMiddleware์ thunkMiddleware๋ฅผ ์ธ์๋ก ๋ฃ์ ๋ ๋ฃ๋ ์์์ ๋ฐ๋ผ์ ์ด๋ ๋ฏธ๋ค์จ์ด ๋จผ์ ์คํ๋๋์ง ๋ฌ๋ผ์ง๋์?
reduxmobxroider23164240
ใป
0
422
1
- ่งฃๆฑบ
๊ฐ์ฒด ๋์ ๋ค์ด๋๋ฏน ์์ฑ?? ์ง๋ฌธ
[logIn.pending](state, action) { state.isLoggingIn = true; }์ด ๋ฌธ๋ฒ ์ ํํ ๋ช ์นญ์ด ๋ญ๊ฐ์? ๊ตฌ๊ธ๋ง ํ๊ณ ์ถ์๋ฐ ์ํ๋ ๊ฒฐ๊ณผ๊ฐ ์๋์ค
reduxmobxroider23164240
ใป
1
259
1
- ่งฃๆฑบ
๋ฏธ๋ค์จ์ด ์ง๋ฌธ
firstMiddleware์ dispatch(action)์ดํ ์ฝ๋์ ๋ฃ์ console.log('์ก์ ๋') ์ฝ๋๊ฐ store.subscribe ์ดํ์ ์คํ๋๋ ๊ฒ์ด๋ฉด dispatch์ reducer ์ฌ์ด ๋ฟ๋ง ์๋๋ผdispatch๊ฐ ์คํ๋๊ณ reducer๊ฐ
reduxmobxroider23164240
ใป
0
236
1
- ๆช่งฃๆฑบ
๋ฆฌ๋์ค ์ฌ๊ฐ ์ค์ต ํ์ผ ํ์ธ ๋ถํ๋๋ฆฝ๋๋ค!
์๋ ํ์ธ์ ์ ๋ก์ด๋ ์ข์ ๊ฐ์ ์ ๋ณด๊ณ ์์ต๋๋ค!๋ฆฌ๋์ค ์ฌ๊ฐ ์ค์ต์ ํด๋ณด๊ณ ์ถ์ด์ ๋ ธ๋๋ฒ๋ ๊นํ ํ์ผ ํด๋ก ํด์ npm i ํ๊ณ ์คํ์ ํ๋ next๋ react dependency๊ฐ ๋ฐ์ํด version update๋ ํด๋ดค์ง๋ง ์ ์๋๋๋ผ๊ตฌ์ ใ ใ <
reduxmobxokrldbs5508
ใป
1
558
2
- ่งฃๆฑบ
1-6 ๊ฐ์์์ ์ง๋ฌธ ์์ต๋๋ค!
์๋ ํ์ธ์ ์ ๋ก์ด๋! ๊ฐ์๋ฅผ ๋ฃ๋ ๋์ค ์ดํด๊ฐ ๋์ง ์๋ ๋ถ๋ถ์ด ์์ด์ ์ง๋ฌธ ๋๋ฆฝ
reduxmobxokrldbs5508
ใป
1
343
1
- ๆช่งฃๆฑบ
redux-saga ๊นํ ํ์ผ
์ ๋ก์ด ์ค ํน์ redux-toolkit ์ฐ๋ ๋ฒ์ ๋ฐฐ์ฐ๊ณ ๋์ ๋ ธ๋๋ฒ๋๋ ๊ฐ์ดํ๊ณ ์ถ์ด์ ๊ตฌ๋งคํ ๋ค ์ดํด๋ณด๋ redux-saga๋ ์ด๋ค๊ณ ํ์ ์ ๋ฃ๊ณ ์์ต๋๋ค.๊ทผ๋ฐ redux-saga์ ๊นํ ํ์ผ์ ์ด๋ค ํด๋๋ฅผ ๋ด์ผํ๋์ง ์๋ณด์ด๋๋ฐ ํน์ ์ด๋ค ํ์ผ์
mobxreduxjawon04077025
ใป
0
359
1
- ๆช่งฃๆฑบ
createStore -> configureStore
zerocho์ค ์ด๋ฒ ๊ณต์ ํํ์ด์ง ๊ฐ์ redux๊ณต๋ถํ๋ฉด์ ํด๋น ๊ฐ์๋ ๋ค์ผ๋ฉด์ ๊ฐ์ด ๊ณต๋ถํ๊ณ ์๋๋ฐ ๊ณต์๋ฌธ์์์ Store๋ฅผ ๋ง๋ค ๋ configureStore๋ก ์์ฑํ๋ผ๊ณ ํ๋๋ฐ createStore ๋ถ๋ถ๋ง์ ๋ค configureStore๋ก ๋ณํํด์ฃผ๋ฉด ๋๋์
mobxreduxjawon04077025
ใป
0
290
1
- ๆช่งฃๆฑบ
์ ์ญ ๋ณ์์ ์ ์ญ ์ํ ๊ฐ
์๋ ํ์ธ์!!!Redux ์ ์ญ ์ํ๊ด๋ฆฌ์ ๋ํด์ ๊ณต๋ถ๋ฅผ ํ๋ ์ค...Redux ์ ์ญ ์ํ๋ฅผ js ์์ง์์ ์ด๋ป๊ฒ ๋์ํ ๊น? ๋ผ๋ ์๊ฐ์์ ์ถ๋ฐํด ์ ์ญ ์ํ๊ฐ๋ ๋ณ์์ธ๋ฐ ์ด๋์ ๊ด๋ฆฌํ์ง? ๋ผ๋ ์๋ฌธ์ ์ด ์๊ฒจ ์ง๋ฌธํ๊ฒ ๋์์ต๋๋ค
์ ์ญredux์ ์ฒด์ง๋ฌธmobxgwpaeng2925
ใป
0
651
2
- ๆช่งฃๆฑบ
Redux toolkit ๊ณผ axios API ํธ์ถ์ ๊ดํ ์ง๋ฌธ์ ๋๋ค.
์๋ ํ์ธ์ ์ ๋ก์ด๋!ํญ์ ๊ฐ์ฌํฉ๋๋ค. ์ ๋ก์ด๋ ๊ฐ์๋ก ์ค๋ ฅ์ ๋งค์ฐ ํค์ฐ๊ณ ์์ต๋๋ค. ์น๊ตฌ์ API ๋ก ๊ฐ์ธ ํ๋ก์ ํธ๋ฅผ ์งํํ๊ณ ์์ต๋๋ค.ํ๊ฒฝ์ typescript, next.js ์ด๊ณ redux toolkit
reduxmobxjerryz
ใป
0
428
1
- ๆช่งฃๆฑบ
MobX Data
์ ๋ก์ด๋ ์๋ ํ์ธ์? Redux ๋ฐ์ดํฐ๋ ๋ด๋ถ ๋ฉ๋ชจ๋ฆฌ์ ์ ์ฅ๋๊ณ ์ฝ๋ฉ ๋ฐฉ์์ ๋ฐ๋ผ Local Storage ๋ฑ๋ฅผ ์ฌ์ฉํ๋ฉด,๊ถ๊ธํ ์ ์ด ๋๊ฐ์ง ์์ต๋๋ค.1 MobX ์ ๋ฐ์ดํฐ๋ ๊ธฐ๋ณธ์ ์ผ๋ก ๋ด๋ถ ๋ฉ๋ชจ๋ฆฌ์ ์ ์ฅํ๋๊ฐ์?<p
reduxmobxsalus827684
ใป
0
226
1

