TL;DR 以前にVue.js公式のHackerNewsのサンプルソースについて記載しましたが、勉強のためReactで書き直してコードを比較してみました。基本的には移植となり同じ設計を利用する前提です。 ソースコード、デモ 1.構成および処理の流れ Vueのサンプル同様でindex.htmlの<div id="app"></div>をイベントによって書き換えていく形となります。初期表示ではsrc/main.jsが処理されNewsページを表示します。(正確にはルートアクセス時にNewsページにリダイレクトします) ・ニュース表示 index.html > main.js > App.js > NewsView.js > Item.js ・ユーザ表示 index.html > main.js > App.js > UserView.js ・コメント表示 index.html > main.js