Реакции-горячий загрузчик v4, где должен быть горячий?

Question

У меня есть два компонента, App и Root. Приложение имеет маршруты и представляет общие макеты.

const App = () => (
  <Layout>
    <Routes />
  </Layout>
)

const Root = () => (
  <Providers>
    <App />
  </Providers>
)

в то время как Providers содержит излишки ProviderРедукс-персист PersistGateи реагировать на маршрутизатор ConnectedRouter,

Итак, мой главный вопрос

1. Куда я должен положить hot(module)(Component) помощник? на App? или на Root?

И это о AppContainer API.

2. В чем разница между hot помощник и AppContainer? Есть ли особые случаи, которые AppContainer более правильно чем hot?

Answer 1

AppContainer против горячего

До версии v4 правильным способом настройки React Hot Loader было завернуть Application с AppContainer Установите настройку модуля принятия самостоятельно. Этот подход все еще действителен, но только для продвинутых случаев использования, предпочитайте использовать горячий помощник.

React Hot Loader v4:

// App.js
import React from 'react'
import { hot } from 'react-hot-loader'

const App = () => <div>Hello world!</div>

export default hot(module)(App)

---

// main.js
import React from 'react'
import ReactDOM from 'react-dom'
import App from './containers/App'

ReactDOM.render(<App />, document.getElementById('root'))

Где я должен поставить горячий (модуль)(компонент) помощник? в приложении? или на рут?

Вы должны сделать свое приложение горячим, потому что вы редко будете редактировать корневой компонент, но содержимое внутри приложения будет часто обновляться.