Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/calvinchengx/webpack-simple

Isomorphic ReactJS with webpack hot module reload (CSR) and nodemon nodejs express backend (SSR)
https://github.com/calvinchengx/webpack-simple

Last synced: 4 months ago
JSON representation

Isomorphic ReactJS with webpack hot module reload (CSR) and nodemon nodejs express backend (SSR)

Awesome Lists containing this project

README

        

Simple webpack-react
========================

1. Clone
2. `npm install`
3. `npm start`
4. Visit http://localhost:8080 (or http://192.168.x.x:8080) on multiple devices
5. Edit components in the components directory
6. Watch the page updates itself across multiple devices

---

This demo opens up a "backend" server that serves server-side rendered (SSR) reactjs components, re-using the reactjs components that we use for client-side rendering (CSR).

We use `--content-base-target` option (which is never documented and [will be deprecated soon](https://github.com/webpack/webpack-dev-server/pull/127)) to proxy requests that it can't handle to our backend server.

It is worth noting that we use neither the `--inline` option nor the `