引入Quarkly,该工具可帮助开发人员和设计人员优化您的开发

你好!从意识形态上讲,Quarkly是一个旨在使Web开发人员和Web设计人员的生活更加轻松的项目。在这篇文章中,我将简要解释如何做到这一点。



首先,让我们看看2020年典型的Web应用程序开发周期是什么样的?有一支队伍。这个团队有设计师和开发人员。第一个在Figma中创建一个设计规范。第二个基于设计规范,创建组件,转移主题。程序员在故事书中向设计人员展示他的工作结果。如果一切正常,设计师将对其进行检查并批准该项目。然后,他开始创建布局,然后开发人员使用规范中的组件输入布局。







为了清楚起见,让我们以列表的形式构建所有内容:



  • 在Figma中创建规格;
  • 搭建开发环境;
  • UI工具包的创建;
  • 批准;
  • 在Figma中创建布局;
  • 布局;
  • 设置收集器;
  • 我们得到一个Web应用程序。


现在,假设您已经优化了流程,结果是这样的:



  • , ( , .. );
  • .


Quarkly!



, , , .



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.



Product Hunt. , . Quarkly .




All Articles