React & Redux Project Seed

Production Notes

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/
    - debug/
      - client_bundle.js
    - client_bundle.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

Development Notes

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:
- npm run dev-server
  - This will run the app at http://localhost:8080
  - This will also enable linting when a file is saved
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

Technologies & Resources

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

License

cody-lettau/react-redux-starter

ErrorLooks like something went wrong!

About

Resources

License

Uh oh!

Stars

Watchers

Forks

Releases

Packages 0

Languages

Error
Looks like something went wrong!

Packages