cjsxify
Version:
Browserify transform for CJSX (CoffeeScript equivalent of JSX used in React library by Facebook)
34 lines (23 loc) • 1.06 kB
Markdown
cjsxify
====
[Browserify](http://browserify.org/) transform for CJSX (CoffeeScript equivalent of JSX used in [React](http://facebook.github.io/react/) library by Facebook).
### Usage
```coffeescript
# @cjsx React.DOM
React = require('react')
Hello = React.createClass
render: ->
<div>Hello, {@props.name}!</div>
React.renderComponent(<Hello name='World' />, document.getElementById('hello'))
```
Save the snippet above as `main.coffee` and then produce a bundle with the following
command:
% browserify -t cjsxify main.coffee -o bundle.js
`cjsxify` is activated for files with either `.cjsx` extension or `# @cjsx React.DOM` pragma as a first line for any `.coffee` file.
### Installation
```bash
npm install cjsxify
```
### Thanks
This package is inspired by [coffeeify](https://github.com/jnordberg/coffeeify)/[reactify](https://github.com/andreypopp/reactify) and use [coffee-react-transform](https://github.com/jsdf/coffee-react-transform) to handle `cjsx` transformation to `CoffeeScript`.
Thanks to the authors for their great work.