yarn start: Start project on default PORT3000yarn build: Build and bundle code for deploymentyarn deploy:dev: Build and deploy project toDEVenvironmentyarn test: Run testsyarn storybook: Run react storybook on default PORT9001
- axios: For HTTP request
- ant.design: React UI Kit
- Jest
- enzyme
- storybook
- React patterns, techniques, tips and tricks
- How to better organize your React applications?
- Testing-react-components-with-jest-and-enzyme
- Wnzyme-fast-and-simple-react-testing
- Twitter-lite-and-high-performance-react-progressive-web-apps-at-scale
- Pinterest PWA case study
<type>(<scope>): <subject>
<body>
<footer>
First line cannot be longer than 70 characters, second line is always blank and other lines should be wrapped at 80 characters.
- feature (new feature for the user, not a new feature for build script)
- fix (bug fix for the user, not a fix to a build script)
- dep (change dependency versions)
- docs (changes to the documentation)
- style (formatting, missing semi colons, etc; no production code change)
- refactor (refactoring production code, eg. renaming a variable)
- test (adding missing tests, refactoring tests; no production code change)
- chore (updating grunt tasks etc; no production code change)
- release (updating package version numbers for a release)
- init
- runner
- watcher
- config
- web-server
- proxy
- etc.
The <scope> can be empty (eg. if the change is a global or difficult
to assign to a single component), in which case the parentheses are
omitted.
- uses the imperative, present tense:
changenotchangednorchanges - includes motivation for the change and contrasts with previous behavior
For more info about message body, see:
User/Tech Story or Bug number should be listed on a separate line in the footer prefixed with either a "User Story", "Tech Story" or "Bug" keyword.
# User Story
User Story #2312
#Tech Story
Tech Story #2333
#Bug
Bug #2323- For CSS, we will follow BEM. Quick start with bem-like-naming
- For React compononent, container and folder contains it, we should use
CamelCase(ex: HomePage, SearchJobPage, etc...)