Redux: μ• ν”Œλ¦¬μΌ€μ΄μ…˜ μƒνƒœ λ¬Έμ„œν™”

에 λ§Œλ“  2017λ…„ 01μ›” 11일  Β·  3μ½”λ©˜νŠΈ  Β·  좜처: reduxjs/redux

μ €λŠ” React/Redux μ›Ή μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ—μ„œ μΌν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€. ν”„λ‘œμ νŠΈ μ΄ˆκΈ°μ— μ €λŠ” 제 지원 μƒνƒœλ₯Ό μ•„μ£Ό 잘 μ΄ν•΄ν•˜κ³  μžˆμ—ˆμŠ΅λ‹ˆλ‹€. κ·ΈλŸ¬λ‚˜ μ½”λ“œ 기반이 컀짐에 따라 λ‚˜λŠ” 감속기λ₯Ό 톡해 μ• ν”Œλ¦¬μΌ€μ΄μ…˜ μƒνƒœμ— 점점 더 λ§Žμ€ 속성을 λ„£λŠ” κ²½ν–₯이 μžˆμŠ΅λ‹ˆλ‹€. μ—¬κΈ°μ„œ λ¬Έμ œλŠ” μƒˆλ‘œμš΄ μ‚¬λžŒμ΄ λ‚΄ ν”„λ‘œμ νŠΈμ— μ°Έμ—¬ν•˜λŠ” 경우 ν•΄λ‹Ή 주에 이미 μžˆλŠ” λͺ¨λ“  속성에 λŒ€ν•œ λͺ…ν™•ν•œ 지식이 없을 수 μžˆλ‹€λŠ” κ²ƒμž…λ‹ˆλ‹€.

μ§€κΈˆμ€ state.js λΌλŠ” νŒŒμΌμ—μ„œ 주석 처리된 Objectλ₯Ό μ‚¬μš©ν•˜μ—¬ μƒνƒœμ˜ λͺ¨λ“  속성을 μ„€λͺ…ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

/*
    APP_STATE = {
        attribute1 : '',
        attribute2 : '',
        attribute3 : [],
        attribute4 : {
            key: ''
        },
    }
*/

질문: μ΄ν•΄ν•˜κΈ° 쉽도둝 λ‚΄ μ• ν”Œλ¦¬μΌ€μ΄μ…˜ μƒνƒœμ˜ ꡬ쑰λ₯Ό λ¬Έμ„œν™”ν•˜λŠ” 더 쒋은 방법이 μžˆμŠ΅λ‹ˆκΉŒ? μ—¬λŸ¬λΆ„μ€ μ–΄λ–€ μ ‘κ·Ό 방식을 μ‚¬μš©ν•˜μ‹œλ‚˜μš”?

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

κ·€ν•˜μ˜ ꡬ쑰에 따라 wp-calypso κ°€ κ·Έ 일을 ν›Œλ₯­ν•˜κ²Œ μˆ˜ν–‰ν•œλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€. 그듀은 선택기, 감속기, μƒμˆ˜, μž‘μ—… 및 λŒ€λΆ€λΆ„μ˜ λ¬Έμ„œλ₯Ό ν¬ν•¨ν•˜λŠ” README.md νŒŒμΌμ„ 가지고 있으며 λͺ¨λ‘ λ™μΌν•œ 디렉토리에 μžˆμŠ΅λ‹ˆλ‹€. μ•„λž˜λ₯Ό 봐!

  product
    reducer.js
    selectors.js
    actions.js
    constants.js
    README.md

ν•œλ²ˆ 봐봐!

λͺ¨λ“  3 λŒ“κΈ€

κ·€ν•˜μ˜ ꡬ쑰에 따라 wp-calypso κ°€ κ·Έ 일을 ν›Œλ₯­ν•˜κ²Œ μˆ˜ν–‰ν•œλ‹€κ³  μƒκ°ν•©λ‹ˆλ‹€. 그듀은 선택기, 감속기, μƒμˆ˜, μž‘μ—… 및 λŒ€λΆ€λΆ„μ˜ λ¬Έμ„œλ₯Ό ν¬ν•¨ν•˜λŠ” README.md νŒŒμΌμ„ 가지고 있으며 λͺ¨λ‘ λ™μΌν•œ 디렉토리에 μžˆμŠ΅λ‹ˆλ‹€. μ•„λž˜λ₯Ό 봐!

  product
    reducer.js
    selectors.js
    actions.js
    constants.js
    README.md

ν•œλ²ˆ 봐봐!

@JacobSoderblom ν₯λ―Έ

redux-devtools λ˜λŠ” redux-devtools-extension κ³Ό 같은 Redux devtool을 μ‚¬μš©ν•˜μ—¬ 항상 μƒνƒœ 트리λ₯Ό 탐색할 수 μžˆμŠ΅λ‹ˆλ‹€. λ˜ν•œ μ–Έμ œλ“ μ§€ μƒνƒœλ₯Ό JSON.stringify (μ½˜μ†”μ„ 톡해 μ•‘μ„ΈμŠ€ν•  수 μžˆλ„λ‘ window 에 상점을 λ‘λŠ” 것이 μ’‹μŠ΅λ‹ˆλ‹€)ν•˜μ—¬ λͺ¨μ–‘을 λ³Ό μˆ˜λ„ μžˆμŠ΅λ‹ˆλ‹€.

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰