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 (844 fork)batch import
docshelp wanted

仓库指标

Star
 (12,265 star)
PR 合并指标
 (30 天内没有已合并 PR)

描述

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?

贡献者指南

研究方向
该问题要求澄清 react hot loader 与 webpack hot client/middleware 之间的区别。研究 react hot loader（现已弃用，推荐使用 Fast Refresh）的官方文档以及 webpack 的 HMR 文档。明确比较它们的作用：react hot loader 实现 React 组件热重载，而 webpack hot client 和 webpack hot middleware 处理 Webpack 的 HMR 通信。参考仓库的 README 和 webpack serve 文档。
技术栈
javascriptreact
领域
frontend
议题类型
文档
难度面向新贡献者的预计实现难度，1 表示很小改动，5 表示专家级工作。
1
预计时间有经验贡献者完成调查、实现、测试并准备 pull request 的粗略时间范围。
1 小时以内
活动状态议题当前的可参与程度：新鲜、活跃、陈旧、阻塞或等待维护者输入。
活跃
清晰度议题是否清楚说明期望改动、验收标准和下一步。
清晰
前置要求
ReactWebpack
新手友好度1-100 的估计分数，表示该议题对首次贡献者的友好程度。
85