Updating UIUX Components - dedyirama-id/utbk-core GitHub Wiki

Apabila terdapat penambahan atau perubahan komponen UI/UX - seperti gambar, icon, ilustrasi, video, dll - seluruh operasi dicatat melalui branch uiux/<pid>/<feature-name> yang merupakan sub-branch dari branch develop. “Operasi” meliputi kegiatan apa yang dilakukan, misalnya “Add new submit button” atau “Remake landing page illustration”.

main
│   │   ├── uiux/<pid>/<operation>
│   ├───┘
│   ├── develop                    
│   │
├───┘

• Memiliki repository hasil clone
• Memiliki git terinstall

1. Buka folder project / repository menggunakan code editor.

2. Buka terminal pada code editor ctrl + [backtics]`.

3. ( Penting! ) Arahkah terminal pada folder sub-directory.

   cd packages/frontend/<sub-project-name>

4. Jalankan perintah berikut untuk membuat branch uiux baru.

   git checkout develop
   git pull origin develop
   git checkout -b bugfix/<pid>/<operation>

5. Lakukan penambahan atau perubahan komponen UI/UX langsung pada folder sub-project.

   📌 Operasi perubahan atau penambahan file dilakukan langsung pada folder sub-project terkait.

   Misal terdapat penambahan file ikon untuk “send-button” pada package “landing-page”, maka file ikon dicopy pada folder <repository>/packages/frontend/landing-page/src/assets untuk file yang harus melalui proses front-end atau <repository>/packages/frontend/landing-page/public/ untuk file yang tidak melewati proses front-end.

6. Commit perubahan yang dilakukan

   ❗ Pastikan file sub-project lain yang tidak termasuk kedalam pengembangan ini tidak diubah!

   git add .
   git commit -am '<commit-message>'

7. Push branch ke github repositories.

   git push -u origin uiux/<pid>/<operation>

8. Buka halaman github, lakukan pull request dari branch uiux/<pid>/<operation> ke branch develop dari halaman github.

9. Menunggu Pull Request di review oleh orang lain. Setelah proses review selesai, apabila PR diterima maka kode berisi penambahan fitur baru akan di merge ke branch develop. Branch uiux/<pid>/<operation> dihapus dari github repository.

10. Apabila PR ditolak, perbaiki kesalahan dan lakukan langkah 4-8 kembali.