Halo! Secara ideologis, Quarkly adalah proyek yang bertujuan untuk membuat hidup lebih mudah bagi pengembang web dan perancang web. Dalam posting ini, saya akan menjelaskan secara singkat bagaimana ini mungkin.
Pertama, mari kita lihat seperti apa siklus pengembangan aplikasi web pada tahun 2020? Ada tim. Tim ini memiliki seorang desainer dan pengembang. Yang pertama membuat spesifikasi desain di Figma. Yang kedua, berdasarkan spesifikasi desain, membuat komponen, mentransfer tema. Programmer menunjukkan hasil karyanya kepada desainer di Storybook. Perancang memeriksanya dan menyetujui proyek jika semuanya baik-baik saja. Kemudian dia mulai membuat tata letak, dan pengembang mengetiknya menggunakan komponen dari spesifikasi.
Untuk kejelasan, mari buat semuanya dalam bentuk daftar:
- Membuat spesifikasi di Figma;
- Menyiapkan lingkungan pengembangan;
- Pembuatan Ui-kit;
- Persetujuan;
- Pembuatan tata letak di Figma;
- Tata Letak;
- Menyiapkan kolektor;
- Kami mendapatkan aplikasi web.
Sekarang bayangkan Anda telah mengoptimalkan prosesnya, dan ternyata seperti ini:
- , ( , .. );
- .
, , , .
Quarkly - , – , , .
Quarkly
Design tool + IDE + Module builder + Publisher
Quarkly , Figma, – . : hmr, npm-.
( ) Netlify .
, create-react-app Gatsby.
, . bash.
Quarkly
, , React. – Quarkly , React.
- MobX. , - . . Logux, (Undo, Redo ). GitHub .
css-modules – , – Atomize.
– – Webpack (CRA), : , . , , .
– . , , , Babel, .
– , . , .
P.S.
, , . – @quarklyapp.