What's next:

  1. Create component controller. If you want BookComponent for example, run:

    $ rails generate server_component:controller book

  2. Instantiate component class in the client with `server_component` package:

    import ServerComponent, { server_component, consumer } from 'server_component';

    // Create a component class.

    @server_component('book') class BookContainer extends React.Component {}

    // Create a component-attached class.

    @consumer('book') class Book extends React.Component {

    render() {
      const { state: { list } } = this.props.book;
      return (
        <ul>
          {list.map(book => <li>{book.title}</li>)}
        </ul>
      );
    }

    }

    // And use in your root render function:

    <ServerComponent.Use name=“api”>

    <BookContainer>
      <Book />
    </BookContainer>

    </ServerComponent.Use>