Giter VIP home page Giter VIP logo

react-redux-starter's Introduction

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
  • 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

react-redux-starter's People

Watchers

Cody Lettau avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.