React & Redux Project Seed
To build and pack (from /src), run: npm run build
This will build and webpack into a /build directory in the root of the project, containing the following:
js/
index.html
server_bundle.js
The /debug directory is used for debugging in production.
In production, you can enable debug mode by adding ?debug_mode=true
to the end of the URL
This will retrieve the client_bundle.js with sourcemaps included
The /build directory can then be distributed.
To start the application for production, run: PORT=5000 NODE_ENV=production node server_bundle.js
To build and pack for development, you also run: npm run build
Individual build commands:
npm run build-client
-- Production Client build
npm run build-client-debug
-- Dev (Debug) Client build
npm run build-server
-- Production Server
Note: The above build commands will not enable linting. To run the linter, run:
npm run lint-client
or npm run lint-client-report
to generate an HTML report
npm run lint-server
or npm run lint-server-report
to generate an HTML report
Alternatively, you can run npm run lint
or npm run lint-reports
to run both of the above.
To start the application for development, run:
npm run start-dev
-- Run using node pointing at /build/debug directory
npm run dev
-- Run using nodemon pointing at /client for Client source and /build for Server source
To start the application with live-reload from the /src direcotry, run:
To run the unit tests, you can run either of the following:
npm run test
npm run test:watch
To run coverage reports, you can run either of the following:
npm run cover
npm run cover:teamcity
Below you will find resource links for many of the different technologies used within this project seed. Please refer to the package.json
file to find the specific version of a library being used. We do our best to keep these up to date with the latest release.
Frameworks / Libraries / Tools
Type
Name
Link
Client
React
Link
Client
Redux
Link
UI Design
Material UI
Link
I18N
i18n-react
Link
Server
Express
Link
Build
Webpack
Link
Build
Babel
Link
Testing
Mocha
Link
Testing
Sinon
Link
Testing
Chai
Link
Testing
Enzyme
Link
Testing
Supertest
Link
Testing
JSDom
Link
Linting
ESLint
Link
Linting
AirBnB ESLint Config
Link
Tutorials / Learning Resources
Type
Name
Link
Client
Redux Tutorial Videos
Link
Client
Redux Intro
Link
Client
ES2015 Tutorial
Link