gaearon/react-hot-loader

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

Open

#920 ouverte le 1 avr. 2018

Voir sur GitHub
 (5 commentaires) (14 réactions) (0 assignés)JavaScript (844 forks)batch import
docshelp wanted

Métriques du dépôt

Stars
 (12 265 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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?

Guide contributeur

Direction de recherche
Le problème demande des clarifications entre react hot loader et webpack hot client/middleware. Recherchez la documentation officielle de react hot loader (maintenant obsolète au profit de Fast Refresh) et la documentation HMR de webpack. Fournissez une comparaison claire de leurs rôles : react hot loader permet le rechargement à chaud des composants React, tandis que webpack hot client et webpack hot middleware gèrent la communication HMR de Webpack. Référez vous au README du dépôt et à la documentation de webpack serve.
Stack technique
javascriptreact
Domaine
frontend
Type d'issue
Documentation
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
1
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactWebpack
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
85