Loyalty Plus

Features 🎉

• Atomic Folder Structure
• Redux + Redux-Saga for state management
• Styled Components
• Dynamic reducer/saga injection
• Javascript and styles linting
• Component scaffolding
• App audit using lighthouse, size-limit and sonar
• Storybook integrated with react-live playground
• Jest testing framework with snapshot testing

Topics to refer

• Audit
• CSS
• JS
• Maintenance
• Testing
• Atomic Design

Installation

Dependencies should be installed using the npm command line tools.

Install dependencies using npm.

npm install

Scripts

• start - Install dependencies and serve in development environment
• build - Make production build
• lint - Run javascript linting and style linting. (Also used as a precommit hook)
• test - Run jest test suites wiht snapshot testing.
• lighthouse - Does a lighthouse audit for the webpage
• size - Does a size audit for the app
• sonar - Does a sonar audit for the app
• storybook - Run storybook server (port 9001)
• generate - Used for scaffolding components. (Refer scaffolding section)