Important: This documentation covers Yarn 1 (Classic).
For Yarn 2+ docs and migration guide, see yarnpkg.com.

Package detail

cjsxify

SimonDegraeve35.1kMIT0.3.0

Browserify transform for CJSX (CoffeeScript equivalent of JSX used in React library by Facebook)

react, coffee-react, coffee-script, browserify, browserify-transform, v2, js, jsx, cjsx, plugin, transform

readme

cjsxify

Browserify transform for CJSX (CoffeeScript equivalent of JSX used in React library by Facebook).

Usage

# @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

npm install cjsxify

Thanks

This package is inspired by coffeeify/reactify and use coffee-react-transform to handle cjsx transformation to CoffeeScript. Thanks to the authors for their great work.