/react-app-scaffolding

Laying the foundation for large scalable front-end web applications

Primary LanguageJavaScript

npm node deps

react-app-scaffolding

This scaffolding is to help lay the foundatation for large scalable front end applications, using:

  • React
  • Redux
    • Duck Pattern
  • Webpack
    • Path resolution
    • Code-splitting
    • Hot Module Reloading (Dev server)
  • BlueprintJS (UI Component Library)
  • SASS Modules
  • JWT Middleware
  • AWS
    • S3

The idea is to clone the repo, and get started on development right away, with room to grow your application the right way without having to refactor or reorganize your file structure down the road.

Development Setup

  1. First clone the repository: git@github.com:malechite/react-app-scaffolding.git
  2. Change directories: cd react-app-scaffolding
  3. Install Dependencies: yarn install
  4. Start the dev server: yarn start
  5. go to http://localhost:8080/ in your browser

Building

To build react-app-scaffolding run yarn build - This will empty the /dist folder and webpack will build new artifacts.

Deploying

You can deploy to S3 from the command line:

  1. Copy bin/config.example.js to bin/config.js
  2. Update the bin/config.js file with your AWS credentials. (AWS credentials are used to deploy to S3 only, and aren't required for development)
  • yarn deploy-dev deploys to the bucket set for development
  • yarn deploy-qa depploys to staging
  • yarn deploy-prod deploys to production

Dependencies

react-app-scaffolding uses the following libraries and dependencies: