CMSS - Web Application

React UI components or Common UI, will be published as private package on Gitlab's registry. Using React with Typscript for web development.

• Learn React
• Learn Typescript

Requirments

• Node.js v19.9.0+
• NPM 9.6.3+

IDE Tools - Setup

1. Open VSCode
2. Pererences > Settings > search for "Code Actions On Save"
3. Replace with these json configs

{
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.validate": [
        "javascript"
    ]
}

Getting Started

npm install
npm run start

Folder Structure

You can follow this guideline for developing, refactoring or fixing bugs.

-------- ...
---- components
-------- FormLogin
------------ index.ts
------------ FormLogin.types.ts
------------ FormLogin.stories.ts
------------ FormLogin.tsx
-------- ...
-------- ...
---- utils
-------- calc.ts
-------- calc.test.ts

Testing

Require at least unit tests for functions that complex or was used in many places. adding tests coverage over 80% in application is recommended.

• Learn Jest
• Learn React Testing Library

Internal Packages

• eslint-config-cmss