Share your code. npm Orgs help your team discover, share, and reuse code. Create a free org »

    reactify2public

    reactify

    Browserify transform for JSX (superset of JavaScript used in React library):

    var React = require('react')
    
    var Hello = React.createClass({
    
      render: function() {
        return <div>Hello, {this.props.name}!</div>
      }
    })
    
    React.render(
      <Hello name="World" />,
      document.getElementById('hello')
    )
    

    Save the snippet above as main.js and then produce a bundle with the following command:

    % browserify -t reactify main.js
    

    reactify transform activates for files with either .js or .jsx extensions.

    If you want to reactify modules with other extensions, pass an -x / --extension option:

    % browserify -t coffeeify -t [ reactify --extension coffee ] main.coffee
    

    If you don't want to specify extension, just pass --everything option:

    % browserify -t coffeeify -t [ reactify --everything ] main.coffee
    

    ES6 transformation

    reactify transform also can compile a limited set of es6 syntax constructs into es5. Supported features are arrow functions, rest params, templates, object short notation and classes. You can activate this via --es6 or --harmony boolean option:

    % browserify -t [ reactify --es6 ] main.js
    

    es6 class getter and setter methods can be activated via --target es5 option:

    % browserify -t [ reactify --es6 --target es5 ] main.js
    

    You can also configure it in package.json

    {
        "name": "my-package",
        "browserify": {
            "transform": [
                ["reactify", {"es6": true}]
            ]
        }
    }

    Using 3rd-party jstransform visitors

    Reactify uses jstransform to transform JavaScript code. It allows code transformations to be pluggable and, what's more important, composable. For example JSX and es6 are implemented as separate code transformations and still can be composed together.

    Reactify provides --visitors option to specify additional jstransform visitors which could perform additional transformations.

    install

    npm i reactify2

    Downloadsweekly downloads

    7

    version

    0.0.1

    license

    MIT

    repository

    githubgithub

    last publish

    collaborators

    • avatar