https://github.com/duncanbeevers/jade-react

Compile Jade templates to React.DOM expressions
https://github.com/duncanbeevers/jade-react

Last synced: 3 days ago
JSON representation

Compile Jade templates to React.DOM expressions

• Host: GitHub
• URL: https://github.com/duncanbeevers/jade-react
• Owner: duncanbeevers
• Created: 2014-01-26T04:34:35.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2014-02-16T20:29:34.000Z (over 10 years ago)
• Last Synced: 2024-03-06T19:33:42.965Z (4 months ago)
• Language: CoffeeScript
• Homepage:
• Size: 289 KB
• Stars: 152
• Watchers: 12
• Forks: 9
• Open Issues: 1
• Metadata Files:
  • Readme: Readme.md

Lists

• awesome-react - jade-react - Compile Jade templates to React.DOM expressions (Uncategorized / Uncategorized)
• awesome-react - jade-react - Compile Jade templates to React.DOM expressions
• awesome-react-enaqx - jade-react - Compile Jade templates to React.DOM expressions (Uncategorized / Uncategorized)
• awesome-react-cn - jade-react - Compile Jade templates to React.DOM expressions (Uncategorized / Uncategorized)
• awesome-react - jade-react - Compile Jade templates to React.DOM expressions
• awesome-react - jade-react - Compile Jade templates to React.DOM expressions (React [🔝](#readme))

README

        
# jade-react

Compile Jade templates to React de-sugared JSX.

```jade

.container-fluid.readme

  .row

    h1= this.storeName

    ul

    each product in this.products

      li

        | Product

        = product.title

```

into

```javascript

function () {

  function map (obj, fn) {

    if ('number' === typeof obj.length) return obj.map(fn);

    var result = [], key, hasProp = {}.hasOwnProperty;

    for (key in obj) hasProp.call(obj, key) && result.push(fn(key, obj[key]));

    return result;

  }

  return React.DOM.div({

    "className": "container-fluid readme"

  },

    React.DOM.div({

      "className": "row"

    },

      React.DOM.h1(null,

        this.storeName

      ),

      React.DOM.ul(null),

        map(this.products, function (product, $index) {

          return React.DOM.li(null,

            "Product",

            product.title

          );

        }

      )

    )

  );

}

```