css – Pattern Lab与Angular“混合不好”吗？

作为寻求更好的方式与开发人员协作的交互设计师,我尝试将Pattern Lab引入我当前的客户端.然而,前端框架的首席开发人员推迟了.他的论点的主要依据是：

Our toolkit has complex components that require JavaScript or a JS library in addition to HTML/CSS. This would not mix well with the Mustache or Handlebars templating in the Pattern Lab. Thus we use Angular JS,which is the framework that our components are written in.

我试图寻找讨论这个主题的文章.据我所知,这里有nothing.在SO之外我发现了一些帖子(example),但除了两年前solved的解析问题之外,没有任何关于Pattern Lab(缺乏)与Angular兼容的主题.

作为一名非程序员,我没有必要的影响力来影响我的开发者同行.如果有经验丰富的人可以详细说明,那就太棒了.

最佳答案

这里是模式实验室节点的维护者.

我刚刚创建了这个还原样本存储库,用于说明Pattern Lab中的Angular.

>存储库https://github.com/bmuenzenmeyer/patternlab-node-angular-example
>现场演示http://www.brianmuenzenmeyer.com/patternlab-node-angular-example/public/index.html

正如您所看到的,Pattern Lab可以在单个模式的范围内运行包含Javascript的仲裁前端代码,因此有动力的个人可以使用它来展示组件.

也就是说,我不认为PL的“用谷物”方法构建原子组件与Angular完美配合(比如,不要在这里构建你的整个应用程序),而是展示JS背后,比如工具提示或模态组件,可以孤立地进行.

这个策略类似于让我想起https://rizzo.lonelyplanet.com/styleguide/design-elements/ – 它们在JS组件旁边有UI组件.

希望这有助于消除任何困惑.