文件名称:
react-atomic-design::microscope:使用一些很酷的方法通过原子设计方法制作样板-源码
开发工具:
文件大小: 95kb
下载次数: 0
上传时间: 2021-02-03
详细说明:React原子设计
这是Atomic Design方法的样板,其中使用了一些很酷的东西,例如Storybook,Flow和CSS Modules。 随时进行测试,更改并适应一切。
什么是原子设计?
在设计界广为人知,Atomic Design帮助构建一致,可靠和可重用的设计系统。 另外,在React,Vue和刺激组件化的框架的世界中,Atomic Design被无意识地使用。 但是如果正确使用它,它将成为开发人员的强大盟友。
原子设计这个名字源于将原子,分子,生物,模板和页面中的成分分开的想法,就像上图所示。 但是每个分离部分的职责是什么?
原子
原子是可能的最小组成部分,例如按钮,标题,输入或事件调色板,动画和字体。 除了具有许多状态(例如按钮的示例):禁用,悬停,不同大小等,它们可以应用于任何上下文,全局或其他组件和模板。
分子
它们是原子的一个或多个组成部分的组成。 在这里,我们开始组成复杂的组件并重用其中的一些组件。 分子可以通过使用原子来拥有自己的特性并创建功能,而原子本身没有任何功能或作用。
生物体
有机体是一起工作的分子甚至与构成更复杂界面的原子的结合。 在这个
(系统自动生成,下载前可以参看下载内容)
下载文件列表
相关说明
- 本站资源为会员上传分享交流与学习,如有侵犯您的权益,请联系我们删除.
- 本站是交换下载平台,提供交流渠道,下载内容来自于网络,除下载问题外,其它问题请自行百度。
- 本站已设置防盗链,请勿用迅雷、QQ旋风等多线程下载软件下载资源,下载后用WinRAR最新版进行解压.
- 如果您发现内容无法下载,请稍后再次尝试;或者到消费记录里找到下载记录反馈给我们.
- 下载后发现下载的内容跟说明不相乎,请到消费记录里找到下载记录反馈给我们,经确认后退回积分.
- 如下载前有疑问,可以通过点击"提供者"的名字,查看对方的联系方式,联系对方咨询.