Using Browserify with Reactjs

Question

I am just getting started on a new project which I would like to write in ReactJS. I am trying to use Broserify to bundle everything so that I can have it in multiple js files.

However, when I try to bundle my react file (browserify main.js > bundle.js), I get this error: "Error: Parsing file /Users/Kathleen/Documents/Referral_Site/main.js: Unexpected token (3:4)"

main.js looks like this:

var Lander = require('./lander');
React.render(
    <Lander />,
    document.getElementById('content')
);

What's breaking the parser? Thanks in advance!

EDIT: also, I included react in the surrounding html like this:

<script src="http://fb.me/react-0.12.2.js"></script>

is there some way that I need to include it in main.js as well?

farincz · Accepted Answer · 2015-01-15 13:28:15Z

6

You must compile JSX to plain JS first, there is plugin for browserify.

https://www.npmjs.com/package/reactify

answered Jan 15, 2015 at 13:28

farincz

5,1931 gold badge33 silver badges42 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Using Browserify with Reactjs

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related