مرحبا! من الناحية الأيديولوجية ، Quarkly هو مشروع يهدف إلى جعل الحياة أسهل لمطوري الويب ومصممي الويب. في هذا المنشور ، سأشرح بإيجاز كيف يكون ذلك ممكنًا.
أولاً ، دعنا نرى كيف تبدو دورة تطوير تطبيقات الويب النموذجية في عام 2020؟ هناك فريق. هذا الفريق لديه مصمم ومطور. الأول يخلق مواصفات التصميم في Figma. الثاني ، بناءً على مواصفات التصميم ، ينشئ المكونات وينقل المظهر. يعرض المبرمج نتيجة عمله للمصمم في Storybook. يتحقق المصمم منه ويوافق على المشروع إذا كان كل شيء على ما يرام. ثم يبدأ في إنشاء المخططات ، ويقوم المطور بكتابتها باستخدام المكونات من المواصفات.
من أجل الوضوح ، دعنا نبني كل شيء في شكل قائمة:
- إنشاء مواصفات في Figma ؛
- تهيئة بيئة التطوير ؛
- إنشاء Ui-kit
- موافق
- إنشاء التخطيط في Figma ؛
- نسق؛
- إعداد المجمع
- نحصل على تطبيق ويب.
تخيل الآن أنك قمت بتحسين العمليات ، واتضح الأمر على النحو التالي:
- , ( , .. );
- .
, , , .
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.