はじめてのReact + Decoupled Drupal

Decoupled Drupalとはどういったものかという簡単な説明と、
実際に最小の構成でReactを使ってフロントエンド : React コンテンツ : Drupalでコンテンツの内容を表示させてみようと思います。

Transcript

13. [ { “name” : “田中太郎”, “company_name”,”XXXX株式会社” }, … ] http://xxxx/rest/users
23. render(){ return ( <div> Hello React + Drupal </div> ) } Hello React + Drupal
24. click(){ this.setState({ clicked : ‘clicked !’ }); } render(){ return ( <div> <input type=‘button’ onClick={() => this.click()}> {this.state.clicked} </div> ) }
25. Button Button
27. GET USER GET USER
28. click(){ fetch('http://xxxx/rest/users’) .then(res => res.json()) .then(json => { this.setState({ users:json }) }) }