❤
npm
Sign UpSign In

static-react-router

1.0.2 • Public • Published

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

Readme

Keywords

none

Package Sidebar

Install

npm i static-react-router

Repository

github.com/jxnblk/static-react-router

Homepage

github.com/jxnblk/static-react-router

Weekly Downloads

0

Version

1.0.2

License

MIT

Last publish

Collaborators

  • jxnblk
Try on RunKit
Report malware