!1. Bắt đầu với Create React App

Dự án được tạo bởi Create React App.
Cấu hình webpack add-on bởi Craco.
Thư viện UI được sử dụng Shadui.

!2. CLI

Ở root thư mục

npm start

Khởi động dự án với development mode.
Chạy http://localhost:3000 để mở dự án.

npx shadcn-ui@latest add [component]

Component là tên component cần thiết sẽ được thêm vào khi dự án.

Ví dụ: npx shadcn-ui@latest add button

!3. HOW TO USE GIT

- TODO: KHÔNG ĐƯỢC PUSH CODE **master** && **develop**
- Branch & quy tắc đặt tên:
    - master:
        - Chứa source stable đã release, source code được release lên môi trường Production
        - Khi phát triển 1 chức năng mới => source sẽ được lấy từ branch này.
        - Khi hotfix 1 issue => source sẽ được lấy từ branch này.

    - develop:
        - Chứa source các feature trong quá trình develop.
        - Source code ở branch này sẽ được build và deploy thường xuyên lên môi trường Develop

    - feature/XXX_YYY
        - Khi phát triển 1 chức năng thì tạo branch name có format như trên.
        - Trong đó:
            + XXX: Action - New, Update, Delete, Search, List
            + ZZZ: Object - Ex: User, ...

        - Ví dụ:
            feature/add_user

- Môi trường Production
  - Các branch feature đã hoàn thành merge vào branch develop
  - Các branch hotfix đã fixed đã hoàn thành merge vào branch develop 

3. Commit Message Header theo chuẩn

Theo chuẩn 1 Commit Message Header sẽ theo cấu trúc như sau:

  type(scope?): �subject . refs?

type

• build: Changes that affect the build system or external dependencies (�ex scopes: gulp, broccoli, npm)
• ci: Changes to our CI configuration files and scripts (� ex scopes:Gitlab CI, Circle)
• chore: Add something without touching production code (Eg:update npm dependencies)
• docs: Documentation only changes
• feat: A new feature
• fix: A bug fix
• perf: A code change that improves performance
• refactor: A code change that neither fixes a bug nor adds a feature
• revert: Reverts a previous commit
• style: Changes that do not affect the meaning of the code (Eg:adding white-space, formatting, missing semi-colons, etc)
• test: Adding missing tests or correcting existing tests
• vendor: Update npm package version

scope

• Optional, và nếu có thì nó nên là tên của package mà commit hiện tại làm ảnh hưởng.
• Scope thường dùng ở các repository mà chứa nhiều packages dạng monorepo.