让 CRA 应用程序与 SSR 一起工作

让 CRA 应用程序与 SSR 一起工作

原文:https://medium.com/hackernoon/making-cra-apps-work-with-ssr-b45f7c23d8db

让 SSR 再次变得简单

我已经为 React v16 更新了这个系列的文章。旧版本 react 的代码现在在 github 上

这一系列的帖子都是关于在服务器上渲染 react 应用,这些应用是使用 create-react-app 构建的。github 上的代码是

第 1 部分:简单起步

从一个甚至不能处理 CSS 的准系统应用程序开始。不过,这的确有助于解释其中的过程。

第 2 部分:添加对静态资产的支持

一旦基础系统启动并运行,就该让它与 CSS(和其他资产)一起工作了。

第三部分:集成冗余

毫不奇怪, redux 是数据管理的流行选择,在服务器渲染管道中必须对其提供强有力的支持。

第 4 部分:使用 react-router 进行路由

我们将探索 react-router 的静态和动态路由,以及处理路由参数和 redux 集成。

“为什么”和“如何”部分

自从我在 2015 年遇到 React 以来,我就喜欢和它一起工作。这次经历是一次巨大的范式转变。从杂乱无章的 jQuery 到更加精细的 jQuery。

最终,我开始感受到疲劳的影响。开始每一个新项目都需要大量的体力劳动,起初看起来很小,但规模迅速扩大。

我开始寻找解决办法。后来,我找到了 create-react-app

创建-反应-应用

CRA 是我一直在寻找的解决方案。最终,它成为了我的起点。最棒的是,它与 react 生态系统的其他项目配合得非常好。

但绝不是所有的解决方案,因为 CRA 不支持服务器渲染。还没有。🤞

服务器渲染

我把找到的所有零碎东西拿出来,试着把胶水粘在一起,做成能正常工作的东西。这个系列是我记录这个过程的方式。


本站为非盈利网站,作品由网友提供上传,如无意中有侵犯您的版权,请联系删除