Ticker

6/recent/ticker-posts

Ad Code

Responsive Advertisement

如何设计一个简洁、灵活、开发者体验良好的组件?

前端组件库生态非常繁荣,国内各大公司都纷纷推出了自己的开源组件库,这些组件库都粗看都非常相似,细看又有点不太一样,那么组件的设计有没有什么通用的方法论,如何设计出简洁、灵活,开发者体验又很好的组件呢?


2021年1月4日补充:

有两种组件设计的方法:

  1. 一种是api和数据驱动的设计方法,组件设计type/data/options等api,开发者可以简单配置下api就能定制某些特定的功能和样式
  2. 另一种是子组件和插槽驱动,通过将组件分类分层,设计一些子组件和插槽,开发者可以自己拼接组件内部的显示

这两种组件设计方法各种有缺陷,前者开发者体验会好一些,用户只需要写一两个api,就实现特定的效果,但是存在不够灵活的缺点,用户想定制一些东西,就得组件加api;
后者比较灵活,用户可以通过子组件和插槽自己拼接组件,但存在开发者体验的问题,为了实现定制功能和样式,开发者需要自己写很多代码。

Enregistrer un commentaire

0 Commentaires