condrowiyono / news Goto Github PK

Menggunakan struktur folder bawaan dari typescript, dengan penambahan beberapa folder, seperti components, modules, dan utils. Untuk folder lengkap bisa dilihat di file tsconfig.json. components berisi atomic component dan reusable, sementara modules adalah gabungan dari beberapa components, sedangkan utils berisi file-file utilitas, seperti fotmatNumber, formatDate, etc

Pertama jalanlan perintah yarn

npm run dev
# or
yarn dev

Buka http://localhost:3000 dan lihat hasilnya.

Pertama jalanlan perintah yarn

yarn build
yarn start

Buka http://localhost:3000 dan lihat hasilnya.

Dokumentasi lengkap menggunakan storybook di link berikut : Dokumentasi

Terdapat atomic komponen baru, yaitu

• Button
• Image
• List
• Livestream
• Navbar
• Pill
• Skeleton
• Thumbnail

Unit testing dibagi menjadi 2, yaitu unit testing untuk fungsionalitas dan snapshot. Berikut hasil unit testing.

Berikut pengecekan core web vital dengan lighthouse