Razzle: Redux рдЙрджрд╛рд╣рд░рдгреЛрдВ рдореЗрдВ рдкреНрд░рджрд╛рддрд╛ HMR рдЪреЗрддрд╛рд╡рдиреА рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 6 рдЕрдХреНрддреВре░ 2017  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: jaredpalmer/razzle

рдкреБрдирд░реБрддреНрдкрд╛рджрди, рдЧрд┐рдЯ рдХреНрд▓реЛрдиред
рд╕реАрдбреА рдЙрджрд╛рд╣рд░рдг/рд╕рд╛рде-рд░реЗрдбрдХреНрд╕
рдзрд╛рдЧрд╛
рд╕реВрдд рд╢реБрд░реВ

рдлрд┐рд░ рдХрд┐рд╕реА рднреА рдлрд╝рд╛рдЗрд▓ рдХреЛ рдмрджрд▓реЗрдВ, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рд╕рд╛рдорд╛рдиреНрдп/рдШрдЯрдХ/рдХрд╛рдЙрдВрдЯрд░.рдЬреЗрдПрд╕, рдПрдЪрдПрдордЖрд░ рдХрд╛рдо рдХрд░реЗрдЧрд╛, рд▓реЗрдХрд┐рди рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдЪреЗрддрд╛рд╡рдиреА рджреЗрдЧрд╛

<Provider> does not support changing store on the fly. It is most likely that you see this error 
because you updated to Redux 2.x and React Redux 2.x which no longer hot reload reducers 
automatically. See https://github.com/reactjs/react-redux/releases/tag/v2.0.0 for the migration instructions.

рдореИрдВрдиреЗ рдЗрд╕ рддреНрд░реБрдЯрд┐ рдХреЗ рдЖрд╕рдкрд╛рд╕ рдЧреВрдЧрд▓ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА рд╣реИ, рд▓реЗрдХрд┐рди рдЗрд╕рдХрд╛ рдХреЛрдИ рдЦрд╛рджреНрдп рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рдорд┐рд▓рд╛ рд╣реИред рдХреНрдпрд╛ рдХреЛрдИ рдЗрд╕ рдкрд░ рдХрд╛рдмреВ рдкрд╛рдиреЗ рдХрд╛ рдкреНрд░рдмрдВрдзрди рдХрд░рддрд╛ рд╣реИ?

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

key={Math.random()} рдкреНрд░реЛрдк рдХреЛ <Provider> ред рдЗрд╕реЗ рдЗрд╕ рдЪреЗрддрд╛рд╡рдиреА рдХреЛ рдареАрдХ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред

рд╕рднреА 5 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдореИрдВрдиреЗ рдХреНрд▓рд╛рдЗрдВрдЯ.рдЬреЗрдПрд╕ рдлрд╝рд╛рдЗрд▓ рдореЗрдВ рдирд┐рдореНрди рдХреЛрдб рдЬреЛрдбрд╝рд╛ рдФрд░ рдпрд╣ рдЪреЗрддрд╛рд╡рдиреА рдХреЛ рд╣рдЯрд╛ рджреЗрддрд╛ рд╣реИред

if (module.hot) {
  module.hot.accept();
  module.hot.accept('./App', () => {
    hydrate(
      <Provider store={store}>
        <BrowserRouter>
          <App />
        </BrowserRouter>
      </Provider>,
      document.getElementById('app')
    );
  });
}

рдХрд┐рд╕реА рдХреЗ рдкрд╛рд╕ рдЗрд╕рдХрд╛ рдХреЛрдИ рджреГрд╖реНрдЯрд┐рдХреЛрдг рд╣реИ?

рдХреНрдпрд╛ рдЖрдк рдкреАрдЖрд░ рдЬрдорд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

key={Math.random()} рдкреНрд░реЛрдк рдХреЛ <Provider> ред рдЗрд╕реЗ рдЗрд╕ рдЪреЗрддрд╛рд╡рдиреА рдХреЛ рдареАрдХ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред

@howardya рдХрд╛ рд╕рдорд╛рдзрд╛рди рдпрд╣рд╛рдВ рдмреЗрд╣рддрд░ рд╣реИред рдпрд╛рджреГрдЪреНрдЫрд┐рдХ рдХреБрдВрдЬреА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рд╕реЗ рдЪреЗрддрд╛рд╡рдиреА рд╢рд╛рдВрдд рд╣реЛ рдЬрд╛рддреА рд╣реИ рд▓реЗрдХрд┐рди рдпрд╣ рддрдереНрдп рдирд╣реАрдВ рдмрджрд▓рддрд╛ рд╣реИ рдХрд┐ рд╕реНрдЯреЛрд░ рдХреЛ рд╣рд░ рдЕрдкрдбреЗрдЯ рдкрд░ рдлрд┐рд░ рд╕реЗ рдмрдирд╛рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ, рдЬреЛ рдХрд┐ рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реИред рдпрд╣ рдХреБрдЫ рднрджреНрджрд╛ рд╡реНрдпрд╡рд╣рд╛рд░ рдХрд░ рд╕рдХрддрд╛ рд╣реИ, рдЦрд╛рд╕рдХрд░ рдпрджрд┐ рдЖрдк redux dev-tools рдпрд╛ рдЗрд╕реА рддрд░рд╣ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВред

рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ ./App рдореЙрдбреНрдпреВрд▓ рдХреЛ рд╕рдВрднрд╛рд▓рдиреЗ рд╕реЗ, рдЬреЛ рдХрд┐ рд░реЗрдбреНрдпреВрд╕рд░ рдХреЛ рдЫреЛрдбрд╝рдХрд░ рд▓рдЧрднрдЧ рд╕рднреА рдЕрдкрдбреЗрдЯ рдХреЛ рдкрдХрдбрд╝ рд▓реЗрдЧрд╛, рдЬрд┐рд╕реЗ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЕрд▓рдЧ рд╕реЗ рд╕рдВрднрд╛рд▓рд╛ рдЬрд╛рддрд╛ рд╣реИред рдпрд╣ configureStore.js рдФрд░ client/index.js рдкрд░рд┐рд╡рд░реНрддрди рдХреЛ рдмрд┐рдирд╛ рдХреНрд░рд┐рдпрд╛ рдХреЗ рдЫреЛрдбрд╝ рджреЗрддрд╛ рд╣реИред рдЖрдк рдпрд╛ рддреЛ рдХреИрдЪ-рдСрд▓ рдХреЛ рдЫреЛрдбрд╝ рд╕рдХрддреЗ рд╣реИрдВ, рдЬреЛ рд╕рдм рдХреБрдЫ рдлрд┐рд░ рд╕реЗ рдЪрд▓рд╛рдПрдЧрд╛ рдФрд░ рдлрд┐рд░ рднреА рдЪреЗрддрд╛рд╡рдиреА рдХрд╛ рдХрд╛рд░рдг рдмрдиреЗрдЧрд╛, рдпрд╛ рдЗрд╕реЗ рд╣рдЯрд╛ рд╕рдХрддрд╛ рд╣реИ, рдЬреЛ рдПрдХ рдкреГрд╖реНрда рдкреБрдирдГ рд▓реЛрдб рдХреЛ рдЯреНрд░рд┐рдЧрд░ рдХрд░рддрд╛ рд╣реИред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЙрддреНрддрд░рд╛рд░реНрджреНрдз рдпрд╣рд╛рдБ рдЕрдзрд┐рдХ рд╕рд╣реА рд╣реЛрдЧрд╛ред

рдореИрдВ рдЗрд╕рдХреЗ рд▓рд┐рдП рдкреАрдЖрд░ рдмрдирд╛рдиреЗ рдкрд░ рдПрдХ рдирдЬрд░ рдбрд╛рд▓реВрдВрдЧрд╛ред

key={Math.random()} рдкреНрд░реЛрдк рдХреЛ <Provider> ред рдЗрд╕реЗ рдЗрд╕ рдЪреЗрддрд╛рд╡рдиреА рдХреЛ рдареАрдХ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред

рдореЗрд░реА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдХрд░реЛ! рдзрдиреНрдпрд╡рд╛рдж рджреЛрд╕реНрддред

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