gaearon/react-hot-loader

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

Open

#920 建立於 2018年4月1日

在 GitHub 查看
 (5 留言) (14 反應) (0 負責人)JavaScript (12,265 star) (844 fork)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
議題類型
documentation
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
2
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
under 1 hour
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
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.