gaearon/react-hot-loader

Difference between react-hot-loader, webpack-hot-client, webpack-hot-middleware?

Open

#920 opened on 2018年4月1日

GitHub で見る
 (5 comments) (14 reactions) (0 assignees)JavaScript (12,265 stars) (844 forks)batch import
docshelp wanted

説明

Description

More explanation

Environment

React Hot Loader version: recent stable

  1. node -v: 8.9.4
  2. npm -v: 5.6.0
  3. Operating system: Ubuntu 16.04.3 LTS, xenial
  4. Browser and version: Chrome 63.0.3239.132 (Official Build) (64-bit)

Question

What is the difference between react-hot-loader and webpack-hot-client (webpack-hot-middleware)?

I'm developing React+Express application. I use Webpack to build assets and compile React. I use webpack-serve as a dev server. This dev server features HMR out-of-the-box (it uses both, webpack-hot-client and webpack-hot-middleware).

Do I need to use react-hot-loader if I use webpack-serve? Why? Could you please explain what exactly react-hot-loader does?

コントリビューターガイド

技術スタック
javascriptreactnodejs
領域
frontendbuild system
Issue 種別
documentation
難度新しい貢献者にとっての実装難度です。1 は非常に小さな変更、5 は専門的な作業です。
2
推定時間経験ある貢献者が調査、実装、テスト、pull request 準備にかけるおおよその時間範囲です。
under 1 hour
活動状況Issue が今どれだけ取り組みやすいかを示します。新しい、活発、古い、ブロック中、またはメンテナー入力待ちなどです。
stale
明確さ期待される変更、受け入れ条件、次の手順がどれだけ明確かを示します。
clear
前提条件
Basic knowledge of ReactFamiliarity with Webpack
初心者向け度初回貢献者にどれだけ取り組みやすいかを 1-100 で推定したスコアです。
90
調査方針
The issue asks for clarification between react hot loader and webpack hot client/middleware. Research the official documentation of react hot loader (now deprecated in favor of Fast Refresh) and webpack's HMR documentation. Provide a clear comparison of their roles: react hot loader enables React component hot reloading, while webpack hot client and webpack hot middleware handle Webpack's HMR communication. Reference the repository's README and webpack serve documentation.