¶ ↑
What's next:
-
Create component controller. If you want BookComponent for example, run:
$ rails generate server_component:controller book
-
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>