Friday, September 29, 2017

Javascript/React project template

After doing our first big React SPA (Single Page Application) I decided to take all the project setup out and make a template project from it.   So for future projects we just unzip the project into our repository and we can start programming.

Github React Template

Here's the synopsis from the README.md

react-redux-template

Base template for enterprise react-redux projects with feature based layout. Includes setup for the following:
  • React
  • Redux with sagas
  • React-Router v4
  • SASS CSS processing
    • Global variables
    • File per component layout
  • Feature based layout - directory for each feature
    • Container
    • Styles
    • Actions & Constants
    • Reducer
    • Saga
  • Express Server
    • Public folder for security
    • Route controllers
    • HTTPS with default key
    • Async/Await syntax
    • Winston logging
      • Log level modification service
      • Logging setup parameters including automatic file rotation/deletion
    • Multi-threading
    • Hot reloading client code in dev mode
    • Hot reloading server code in dev mode
  • Production ready webpack with compression and latest javascript syntax