构建多页面React应用程序

Building multiple page React applications

本文关键字：React 应用程序 构建      更新时间：2023-09-26

我正在尝试使用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')
);

并使您的整个应用程序客户端。

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

那么，对于React开发人员"应该"如何做事情，是否存在某种"标准"?

这完全取决于你的目标。是的，有"标准"answers"最佳实践"，但如果有一件事是react.js应该教会我们的，那就是我们应该实验。

我通常选择把所有的东西放在一起，直到你有一个需要明确分离的项目。你的目标还没有说清楚。你能提供更多信息吗?

相关文章：