A quick starter kit that utilizes modern web technologies for full stack app using react
, redux
, react-router
, express
and webpack
. It is designed to setup as simple as possible to extend easily, and to be used for different cases.
node >= v12.13.0
npm >= v6.12.0
- lone the repository
- Extend / Add more dependencies for suitable needs
- Run
npm install
- Rename
.env.example
to.env
and other necessary variables needed - Run at least once
npm run build
to have thedist
folder created for server to have the client source compiled and be served
npm run server
- open terminal and run it on root project to start the servernpm run start
- open another terminal and run it on root project as well to start the development on clientnpm run build
- to compile client assets to be deployed, it will createdist
folder on servernpm run test
- to execute and run test with jest / enzyme
- Webpack
- Gulp
- ReactJS
- Redux
- React Router
- Redux Saga
- Express
- PostCSS / CSS Modules
- Jest
- Enzyme
- an action will be dispatched through actions defined in each action types.
- saga will listen to any actions to fire side effects, call apis, etc...
- saga will dispatch success / fail which will receive then through reducers
- Delete
src/server
- Copy all the files inside
src/client
and paste it insrc
, after deletesrc/client
folder - Adjust / remove paths in
webpack.config.js
- Remove dependencies used for
server