bootstrap-cljs, 用于响应 Bootstrap的ClojureScript包装器

分享于 

4分钟阅读

GitHub

  繁體 雙語
ClojureScript wrapper for React Bootstrap
  • 源代码名称:bootstrap-cljs
  • 源代码网址:http://www.github.com/luxbock/bootstrap-cljs
  • bootstrap-cljs源代码文档
  • bootstrap-cljs源代码下载
  • Git URL:
    git://www.github.com/luxbock/bootstrap-cljs.git
    Git Clone代码到本地:
    git clone http://www.github.com/luxbock/bootstrap-cljs
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/luxbock/bootstrap-cljs
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    引导 cljs

    Clojars Project

    Bootstrap 是围绕React Bootstrap的包装器,灵感来自于,实际上主要使用工具工具实现。 这意味着可以使用与相同的语法使用响应 Bootstrap 组件,为你提供以下好处,因为直接引用了它们的自述文件。

    在使用 MACROS 和最小运行时开销来进行以下改进时,om-tools.dom 会镜像 om.dom 命名空间:

    • 元素属性不需要是JavaScript值,而且是可选的。 你不需要使用 #js 读取器宏或者 nil 进行任何属性。
    • 我们将 :class:className:on-click 等属性转换为,以保持与Clojure命名约定一致。
    • 子级可以在集合中。 如果有子级序列或者使用 concat 组合同级序列,则不需要使用 apply

    示例通过比较:

    (nsexample (:require [om.dom :as dom :include-macrostrue]))
    (apply dom/div #js {}
     (map #(js/ReactBootstrap.Button #js {:bsStyle %} (str/capitalize %))
     ["default""primary""success""info""warning""danger"]))

    vs。

    (nsexample (:require [om-tools.dom :as dom :include-macrostrue]
     [bootstrap-cljs :as bs :include-macrostrue]))
    (dom/div (map #(bs/button {:bs-style %} (str/capitalize %))
     ["default""primary""success""info""warning""danger"]))

    用法

    项目通过一个非常酷的项目( 称为 Devcards ) 来从的响应 Bootstrap 组件中转换出一些例子。 要查看运行中的示例,请运行 lein figwheel 并导航到 http://localhost:3449/#!/bootstrap_cljs.devcards 如果一切按计划进行,你应该看到一个看起来像这样的页面:

    preview

    打开文件 /devcards_src/bootstrap_cljs/devcards.cljs 在你最喜欢的编辑器里开始玩。 每次保存文件时,更改都会通过 figwheel插件进行编译和服务,浏览器窗口应该自动刷新,以便你能实时看到更改。

    也有 om。 关键的区别是:

    • bootstrap-cljs ( 这里的这个) 只是响应 Bootstrap的包装器。 另一方面,om-bootstrap 已经编写了with中的React Bootstrap 组件,它使得它能够利用不可以变的数据结构。
    • 因为 om-bootstrap 做更多工作来将响应 Bootstrap 组件转换为 ClojureScript,所以还缺少一些组件。 毫无疑问,它们将被添加到时间中,因为项目积极开发。
    • 这两者之间的语法有些不同。 两者都允许通过常规的Clojure映射来指定组件的道具,但是 bootstrap-cljs 更类似于 om-tools,如果不需要。

    许可证

    在 Eclipse public 许可以证下分发版本 1.0版本或者( 按你的选择) 版本任何版本。


    BOO  WRAP  换行  引导  react  Bootstrap  
    相关文章