Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Building Design System with React JS & Storybook

Make your design system better with ReactJS

icon global
Release date September 2022
icon convert
Last updated October 2024
Member

239 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Design system adalah kumpulan komponen design, code, ataupun dokumentasi yang dapat digunakan sebagai panduan utama yang memunginkan designer serta developer memiliki lebih banyak kontrol atas berbagai platform. Design system mampu menjaga konsistensi tampilan user interface dan meningkatkan user experience menjadi lebih baik. Disisi bisnis, design system sangat berguna dalam menghemat waktu dan biaya ketika mengembangkan suatu produk.

Bersama mentor Yein, kita akan diarahkan memahami design system dari mulai manfaat, alur kerja pembuatannya, tools yang digunakan, hingga pada akhirnya, kita akan membuat MVP dari design system. Selain itu, mentor juga akan menjelaskan berbagai resource yang dibutuhkan untuk mencari inspirasi mengenai design system.

Kelas ini sesuai untuk Anda yang ingin memahami apa itu design system. Tidak hanya ditujukan untuk UI/UX Designer ataupun Developer, kelas ini sangat sesuai untuk stakeholder lain agar dapat memudahkan tim dalam bekerja sama. Yuk segera daftar dan kami tunggu di kelas ya!

Sneak Peek

Key Points

icon_check

Membangun karir menjadi seorang Design System expert

icon_check

Belajar techstack pendukung seperti Figma & tailwind CSS

icon_check

Membangun Design System dengan ReactJS & NextJS

icon_check

Introduction & deep learning terkait Design System

Designed For

icon_check

Anda yang ingin memiliki portfolio yang menjual

icon_check

Anda yang ingin belajar dari mentor berpengalaman

icon_check

Anda yang ingin memahami poin penting Design System

icon_check

Anda yang ingin belajar membangun Design System

Course Lessons

Learn With Expert

Mentor Yein Narayana

Yein Narayana

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(57.3K)

Mentor Angga Risky S

Angga Risky S

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(418.2K)

Our Happy Students

Review setelah bergabung di kelas Building Design System with React JS & Storybook

All Rating
Ragil Arain Syawala at BuildWithAngga
Ragil Arain Syawala

Full-Stack Developer

Thanks BWA course yg sangat bermanfaat untuk perkembangan menjadi Front-end Developer :D read more

ic-star ic-star ic-star ic-star ic-star
Rehan at BuildWithAngga
Rehan

Mobile App Developer

Perfect course 100/100 read more

ic-star ic-star ic-star ic-star ic-star
Ananta Noviandanu at BuildWithAngga
Ananta Noviandanu

Lifetime Learner

pelajaran memuaskan read more

ic-star ic-star ic-star ic-star ic-star
Yogga Aditya Candra at BuildWithAngga
Yogga Aditya Candra

Full-Stack Developer

ic-star ic-star ic-star ic-star
Belum ada review
loader

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Figma

Software Gratis

logo

VSCode

Software Gratis

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 550,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.
Foto kelas Building Design System with React JS & Storybook Foto kelas Building Design System with React JS & Storybook Foto kelas Building Design System with React JS & Storybook Foto kelas Building Design System with React JS & Storybook

Building Design System with React JS & Storybook

Make your design system better with ReactJS

  • lock
    Break
    5 minutes
  • lock
    Resources
    2 minutes

  • lock
    Setup Project Design System 1
    9 minutes
  • lock
    Setup Project Design System 2
    15 minutes
  • lock
    Setup Project Design System 3
    15 minutes
  • lock
    Setup Project Design System 4
    5 minutes
  • lock
    Break
    3 minutes

  • lock
    Ekstrak Komponen Badge 1
    8 minutes
  • lock
    Ekstrak Komponen Badge 2
    9 minutes
  • lock
    Story Intro Badge
    9 minutes
  • lock
    Story Example Badge
    3 minutes

  • lock
    Ekstrak Komponen Brand
    7 minutes
  • lock
    Story Intro Brand
    6 minutes
  • lock
    Story Example Brand
    4 minutes
  • lock
    Fix Div Bugs
    1 minutes

  • lock
    Ekstrak Komponen Button 1
    13 minutes
  • lock
    Ekstrak Komponen Button 2
    17 minutes
  • lock
    Story Intro Button
    4 minutes
  • lock
    Story Example Button
    8 minutes
  • lock
    Break Time
    5 minutes

  • lock
    Ekstrak Komponen Input 1
    15 minutes
  • lock
    Ekstrak Komponen Input 2
    13 minutes
  • lock
    Ekstrak Komponen Input 3
    15 minutes
  • lock
    Story Intro Input
    3 minutes
  • lock
    Story Example Input
    10 minutes

  • lock
    Ekstrak Komponen Featured Items
    9 minutes
  • lock
    Story Intro Featured Items
    10 minutes
  • lock
    Story Example Featured Items
    3 minutes
  • lock
    Break Time
    3 minutes

  • lock
    Ekstrak Komponen Featured Section 1
    13 minutes
  • lock
    Ekstrak Komponen Featured Section 2
    10 minutes
  • lock
    Story Intro Featured Section
    11 minutes
  • lock
    Story Example Featured Section
    3 minutes

  • lock
    Ekstrak Komponen Navbar 1
    13 minutes
  • lock
    Ekstrak Komponen Navbar 2
    12 minutes
  • lock
    Story Intro Navbar
    13 minutes
  • lock
    Story Example Navbar
    5 minutes
  • lock
    Publish Design System Github
    14 minutes

  • lock
    Setup Landing Page 1
    11 minutes
  • lock
    Setup Landing Page 2
    15 minutes
  • lock
    Slice Header
    4 minutes
  • lock
    Slice Hero 1
    11 minutes
  • lock
    Slice Hero 2
    11 minutes
  • lock
    Slice Partnership
    5 minutes
  • lock
    Slice Features
    7 minutes
  • lock
    Slice Featured Section
    4 minutes
  • lock
    Slice Pricing 1
    15 minutes
  • lock
    Slice Pricing 2
    7 minutes
  • lock
    Slice Footer
    15 minutes
  • lock
    Bersihih Bugs dan Pixel Perfect
    13 minutes
  • lock
    Setup Vercel
    7 minutes
Develop Your Skills

Design system adalah kumpulan komponen design, code, ataupun dokumentasi yang dapat digunakan sebagai panduan utama yang memunginkan designer serta developer memiliki lebih banyak kontrol atas berbagai platform. Design system mampu menjaga konsistensi tampilan user interface dan meningkatkan user experience menjadi lebih baik. Disisi bisnis, design system sangat berguna dalam menghemat waktu dan biaya ketika mengembangkan suatu produk.

Bersama mentor Yein, kita akan diarahkan memahami design system dari mulai manfaat, alur kerja pembuatannya, tools yang digunakan, hingga pada akhirnya, kita akan membuat MVP dari design system. Selain itu, mentor juga akan menjelaskan berbagai resource yang dibutuhkan untuk mencari inspirasi mengenai design system.

Kelas ini sesuai untuk Anda yang ingin memahami apa itu design system. Tidak hanya ditujukan untuk UI/UX Designer ataupun Developer, kelas ini sangat sesuai untuk stakeholder lain agar dapat memudahkan tim dalam bekerja sama. Yuk segera daftar dan kami tunggu di kelas ya!

read more
Key Points
  • check
    Membangun karir menjadi seorang Design System expert
  • check
    Belajar techstack pendukung seperti Figma & tailwind CSS
  • check
    Membangun Design System dengan ReactJS & NextJS
  • check
    Introduction & deep learning terkait Design System
Created For
  • check
    Anda yang ingin memiliki portfolio yang menjual
  • check
    Anda yang ingin belajar dari mentor berpengalaman
  • check
    Anda yang ingin memahami poin penting Design System
  • check
    Anda yang ingin belajar membangun Design System
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
239
Happy Students
Ragil Arain Syawala at BuildWithAngga
Ragil Arain Syawala

Full-Stack Developer

Thanks BWA course yg sangat bermanfaat untuk perkembangan menjadi Front-end Developer :D

ic-star ic-star ic-star ic-star ic-star
Rehan at BuildWithAngga
Rehan

Mobile App Developer

Perfect course 100/100

ic-star ic-star ic-star ic-star ic-star
Ananta Noviandanu at BuildWithAngga
Ananta Noviandanu

Lifetime Learner

pelajaran memuaskan

ic-star ic-star ic-star ic-star ic-star
Yogga Aditya Candra at BuildWithAngga
Yogga Aditya Candra

Full-Stack Developer

oke

ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 550,000

arrow_upward