You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Full stack JS scaffold with ExpressJS as the backend server and React-Redux on the client side. Scaffold supports production and development modes, with **Best Developer Experience** ( DX ) by Hot-Loading for the client side application and automatic server restarts for the backend server on code change. There will be no need to restart during development, hence making the experience smooth and decrease the delivery time.
├── package.json # Frontend and backend dependencies
31
26
├── README.md # This file
@@ -40,7 +35,7 @@ Full stack JS scaffold with ExpressJS as the backend server and React-Redux on t
40
35
npm install
41
36
42
37
# Build the client
43
-
npm run build-client:production
38
+
npm run build:production
44
39
45
40
# Start the project ( it will build the client, before starting the server )
46
41
npm start
@@ -53,25 +48,18 @@ npm start
53
48
### Scaffold provides two npm scripts, execute both in seperate terminals
54
49
```
55
50
# Start client in development mode with hot code loading,
56
-
npm run start-client:development
57
-
58
-
# Start backend server in development mode with nodemon ( server restarts on every change )
59
-
npm run start-server:development
51
+
npm run start:development
60
52
```
61
53
62
54
Frontend and Backend dev servers will start at http://localhost:3000 and http://localhost:8080, respectively.
63
55
Hit frontend dev server to load application in the browser, enjoy developing :)
64
56
65
-
### Proxy Middleware
66
-
Client's development process will proxy all the API requests with `'/api'` in the URL to the backend server. `devServer.js` is in the `client/src` directory starts server at http://localhost:3000, which will provide all the hot loading functionality and proxy the API calls to the backend server process behind the scenes.
67
-
React-Hot-Loader is used to hot load the components without losing the current state or refreshing the browser. Redux store maintains all the state of the application in the single state object.
68
-
69
57
Refer to the [react-hot-boilerplate](https://github.com/gaearon/react-hot-boilerplate) for further description.
70
58
## Production
71
59
### Scaffold provides two production scripts
72
60
```
73
61
# Build the client for production deployment
74
-
npm run build-client:production
62
+
npm run build:production
75
63
76
64
# Build the client for production deployment and start the backend server with 'forever' package
0 commit comments