Angularjsのようにルーティングする分散型ルーティング

Question

私はAngular.jsからReact.jsに切り替えています。

私はコードを厳密に区画化しています。私はすべてのビューに対して1つのhtmlファイルと1つのjsファイルを持っています。角度をつけて、中央ルーティングファイルを作成したり、分割して配布したりすることができます。

たとえば、http://example.com * profileがprofile.htmlとprofile.jsをスピンアップすると仮定した場合、profile.jsファイル内にルーティング情報があります。

私は

を反応させるのに同じことをしたいと思っ方法はあり、例えばprofile.jsファイル内

<Router> 
    <Route path="/profile" component={Profile} /> 
</Router> 

を有し、また持っている

<Router> 
    <Route path="/widgets" component={Widgets} /> 
</Router> 

widget.jsファイルにありますか？

2つは共存できますか？私はフィーチャーの分離を強く信じています。「プロファイル」ビューで作業するプログラマーが、「ウィジェット」ビューで作業しているプログラマーと同じルーティングファイルにアクセスする必要がない場合は、いいでしょう。

Answer 1

react-router-dom 4.0に準拠しています。

ルータタグ内にエントリポイントを配置できます。

ReactDOM.render(
<Provider store={store}> 
    <Router history={browserHistory} > 
     <Route path="/" component={AppContainer} /> 
    </Router> 
</Provider>, 
document.getElementById('app') 
); 

であり、次いで内部経路に塩基経路が定義されている。

<App > 
    <Route path="/" component={LoginContainer} /> 
    <Route path="/login" component={LoginContainer} /> 
    <Route path="/registration" component={RegistrationContainer} /> 
    <Route path="/dashboard" component={DashboardContainer} /> 
</App> 

など。

上記のスニペットは、数週間前に私がやったレスキューレックスベースの学習プロジェクトのものです（https://github.com/ajzone007/expense-splitter）