Static-react-router NPM

static-react-router

Static site generator using React and React Router

Usage

Example config

var path = require('path');
var pkg = require('./package.json');
var Home = require('./components/home.jsx');
var About = require('./components/about.jsx');

var baseUrl = '/';
var routes = [
  {
    path: '',
    name: 'Home',
    handler: Home,
  },
  {
    path: 'about',
    name: 'About',
    handler: About,
  },
];

module.exports = {
  baseUrl: baseUrl,
  routes: routes,
  redirects: [
  ],
  dest: path.join(__dirname, './'),
  props: {
    name: pkg.name,
    description: pkg.description,
    version: pkg.version,
    baseUrl: baseUrl,
    routes: routes,
    stylesheets: [ '/css/base.css' ],
    scripts: [ '/js/app.js' ],
  },
  Root: require('./components/root.jsx'),
  Default: require('./components/home.jsx'),
};

Example build script

var build = require('static-react-router/build');
var options = require('./config'); // Custom app config
build(options); // Writes static HTML to destination

Example client app

var React = require('react');
var options = require('./config');
require('static-react-router/app')(options);

Example Root component

// Example root component

var React = require('react');
var Router = require('react-router');
var RouteHandler = Router.RouteHandler;

var Html = require('react-html');
var Header = require('./header.jsx');

var Root = React.createClass({

  render: function() {
    return (
      <Html {...this.props}>
        <Header />
        <RouteHandler {...this.props} {...this.state} />
      </Html>
    )
  }

});

module.exports = Root;

MIT License

lodash node-jsx

@infinitebrahmanuniverse/nolb-stati @everything-registry/sub-chunk-2822 stylize-front-end stylizer-front-end

1.0.2

9 years ago

1.0.1

9 years ago