A Webpack plugin to inline your critical CSS and lazy-load the rest
It's a little different from other options because it doesn't use a headless browser to render content. This tradeoff allows Critters to be very fast and lightweight. It also means Critters inlines all CSS rules used by your document, rather than only those needed for above-the-fold content. Critters' design makes it a good fit when inlining critical CSS for prerendered/SSR'd Single Page Applications. It was developed to be an excellent compliment to the prerender-loader, combining to...
...HMR allows us to replace modules in-place without restarting the server. Here’s how you can enable it for different bundlers. The easiest and fastest option to use React Hot Loader with Webpack is to use webpack-dev-server with --hot CLI option. If you’re only rendering on the client side but you have to use some custom node server, this is still an easy option. You can simply copy server.js from the official boilerplate into your project. The important part of the configuration is that when you create a new WebpackDevServer, you need to specify hot: true as an option.