Ejemplos de react/react js en JavaScript

Ejemplo n.º 1

Archivo: app.js Proyecto: lsiu/webpack-react-starter

Router.run(routes, function (Handler/*, state*/) {
    React.render(<Handler/>, document.body);
});

Ejemplo n.º 2

Archivo: index.js Proyecto: enome-components/react-image

/** @jsx React.DOM */

import React from 'react/react.js';

var Component = React.createClass({

  /* LOGIC */

  /* LIFECYCLE EVENTS */

  /* RENDER */

  render: function () {
    return <img src='/build/react-image/image.jpg' />;
  },

});


export default Component;

Ejemplo n.º 3

Archivo: app.js Proyecto: lsiu/webpack-react-starter

require('./shared/shared.less');
var React = require('react/react.js');
var Router = require('react-router');
var { Route, DefaultRoute, RouteHandler, /*Link*/ } = Router;

var Main = React.createClass({
    render: function () {
        return (
            <div id="content">
                <RouteHandler/>
            </div>
        )
    }
});

var Index = React.createClass({
    render: function () {
        return (
            <div>
                <div>Hello world!</div>
                <div><a href="#" className="btn btn-primary" onClick={ this.handleClick }>Primary</a></div>
            </div>
        )
    },
    handleClick: function () {
        throw Error("Error message");
    }
});

var routes = (
    <Route handler={Main}>