构建多个页面React应用程序

时间:2016-10-24 23:31:23

标签: javascript reactjs react-router

我正在尝试使用React,希望它能成为我的一个大型项目的良好框架。当我离开SPA类型React测试应用程序时,我一直在想我开发多页面应用程序的最佳实践。

使用React Router,您似乎可以做类似的事情:

ReactDOM.render(
    <Router history={browserHistory}>
        <Route path="/path1" component={App1}>
            <Route path="/subpath1" component={Layout1} />
            <Route path="/subpath2" component={Layout2} />
        </Route>
        <Route path="/path2" component={App2}>
            <Route path="/subpath1" component={Layout3} />
            <Route path="/subpath2" component={Layout4} />
        </Route>
    </Router>,
    document.getElementById('app')
);

让你的整个应用程序客户端站在一边。

我能想到的另一种方法是保持你的目录结构完整,并在每个undex文件中都有类似的东西(当然必须为多个入口点和输出包配置Webpack)。

那么,是否有一种&#34;标准&#34;适用于React开发人员应该如何&#34;做事?

1 个答案:

答案 0 :(得分:0)

这一切都取决于你的目标。是的,有#34;标准&#34;和#34;最佳实践&#34;,但如果有一件事可以做出反应。我们应该告诉我们,我们应该进行实验。

我通常选择将所有内容路由到一起,直到您明确有一个需要明确分离的项目。你的目标还没有明确说明。你能提供更多信息吗?