README
Developer's Guide
Front End Development Stack
- React JS (View Component and Routing)
- Redux (Managing Data Flow)
- SASS (CSS Pre-Processor)
- NPM (Hot-Reload and Package Management)
Before Developing
To ensure a good communication amongst the team, ensure that the following sources are to be properly read and learnt:
- If you never use ES6, get to know the importing, classes, spread operator and arrow functions ES6 Official Website
- If you never use SASS, SASS Basic Guide
- If you never use React, React Official Tutorial
- If you never use Redux Instagram Tutorial. After getting to know Redux, our implementation will be following ducks-modular-redux.
- We will practice git flow model for development process, read A successful Git branching model and Using git flow with SourceTree
Installation
- Install NodeJS (NodeJS Official Site)
- Clone project and install the npm packages.
During Development
Always start the npm process before coding.
npm start
The website will be running on localhost:3000
Before committing your changes, lint your code, by running.
npm run lint (for both JS and SASS)
npm run lint:es (for JS)
npm run lint:sass (for SASS)
npm run lint:scss (for SASS)