The numerous loaders that are available and that we alluded to earlier make HMR interact more smoothly with a variety of frameworks and libraries. Some of the more useful ones are described here:

• Angular HMR: A simple change to your main NgModule file is all that's required to have full control over the HMR APIs (does not require a loader).
• React Hot Loader: This loader tweaks React components in real time.
• Elm Hot Webpack Loader: This loader supports HMR for the Elm programming language.
• Vue Loader: This loader supports HMR for Vue components out of the box.

We have gone through HMR and related loaders and frameworks but something we have yet to discuss—but relates to the content we have covered so far—is adding a utility. We will get to grips with that in the following section.