Full-Stack React Boilerplate

A boilerplate using React16, Redux, React-Router v4 + SSR(Server Side Rendering), Node, Express, and MongoDB in TypeScript. Support debugging in Visual Studio Code and Google Chrome.

Environment

Node.js v10.x.x.

Quickstart

1.Install Node.js

1.Install Node.js v10.x.x. https://nodejs.org/

2.Install node_modules

npm install

3.Build

npm run build

4.Test

npm test

5.Simple Start ( wait on localhost:3000)

npm start

6.Start development

npm run dev ( or gulp )

Under this mode, Goemon automatically rebuilds and refresh the browser when you change your code.

Other commands

Make production package

npm run pack

Clean build

npm run rebuild

Clean up

npm run clean

Question

@kazkondo on Twitter

License

LPL

reference

• Node.js 10
• React 16
• Redux
• Express 4
• Typescript 3
• Jest
• gulp
• webpack 4
• react-router 4
• graphql
• Material UI
• Passport
• MongoDB 4

Recommend VSCode extentions

• .ejs
• TSLint
• ESLint
• Debugger for Chrome
• EditorConfig for VS Code
• Jest
• SESS IntelliSence