Redux: рдЖрд╡реЗрджрди рд░рд╛рдЬреНрдп рдХрд╛ рджрд╕реНрддрд╛рд╡реЗрдЬреАрдХрд░рдг

рдХреЛ рдирд┐рд░реНрдорд┐рдд 11 рдЬрдире░ 2017  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: reduxjs/redux

рдореИрдВ рдПрдХ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ / Redux рд╡реЗрдм рдЕрдиреБрдкреНрд░рдпреЛрдЧ рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдБред рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреА рд╢реБрд░реБрдЖрдд рдореЗрдВ, рдореБрдЭреЗ рдЕрдкрдиреЗ рдЖрд╡реЗрджрди рдХреА рд╕реНрдерд┐рддрд┐ рдХреА рдмрд╣реБрдд рдЕрдЪреНрдЫреА рд╕рдордЭ рдереАред рд▓реЗрдХрд┐рди, рдЬреИрд╕реЗ-рдЬреИрд╕реЗ рдХреЛрдб рдЖрдзрд╛рд░ рдмрдврд╝рддрд╛ рд╣реИ, рдореИрдВ рд░рд┐рдбреНрдпреВрд╕рд░ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рд╕реНрдерд┐рддрд┐ рдореЗрдВ рдЕрдзрд┐рдХ рд╕реЗ рдЕрдзрд┐рдХ рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдбрд╛рд▓рддрд╛ рд╣реВрдВред рдпрд╣рд╛рдВ рд╕рдорд╕реНрдпрд╛ рдпрд╣ рд╣реИ рдХрд┐ рдпрджрд┐ рдХреЛрдИ рдирдпрд╛ рд╡реНрдпрдХреНрддрд┐ рдореЗрд░реЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рд╢рд╛рдорд┐рд▓ рд╣реЛрддрд╛ рд╣реИ, рддреЛ рдЙрд╕реЗ рд░рд╛рдЬреНрдп рдореЗрдВ рдкрд╣рд▓реЗ рд╕реЗ рдореМрдЬреВрдж рд╕рднреА рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реНрдкрд╖реНрдЯ рдЬрд╛рдирдХрд╛рд░реА рдирд╣реАрдВ рд╣реЛ рд╕рдХрддреА рд╣реИред

рдЕрднреА, рдореИрдВ рд░рд╛рдЬреНрдп рдореЗрдВ рд╕рднреА рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХрд╛ рд╡рд░реНрдгрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП state.js рдирд╛рдордХ рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рдХреЗрд╡рд▓ рдПрдХ рдЯрд┐рдкреНрдкрдгреА рдХреА рдЧрдИ рд╡рд╕реНрддреБ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВред

/*
    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 devtool рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬреИрд╕реЗ redux-devtools рдпрд╛ redux-devtools-extension ред рдЖрдк рдХрд┐рд╕реА рднреА рдмрд┐рдВрджреБ рдкрд░ рд░рд╛рдЬреНрдп рдХреЛ рдХреЗрд╡рд▓ JSON.stringify рднреА рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ (рдореЗрд░рд╛ рд╕реБрдЭрд╛рд╡ рд╣реИ рдХрд┐ рд╕реНрдЯреЛрд░ рдХреЛ window рдкрд░ рд░рдЦреЗрдВ рддрд╛рдХрд┐ рдЗрд╕реЗ рдЖрдкрдХреЗ рдХрдВрд╕реЛрд▓ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рд╕реБрд▓рдн рдмрдирд╛рдпрд╛ рдЬрд╛ рд╕рдХреЗ) рдпрд╣ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐ рдпрд╣ рдХреИрд╕рд╛ рджрд┐рдЦрддрд╛ рд╣реИред

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

dmitry-zaets picture dmitry-zaets  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

timdorr picture timdorr  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

benoneal picture benoneal  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

ilearnio picture ilearnio  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

caojinli picture caojinli  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ