9、同构视图渲染：构建浏览器端应用

同构视图渲染：构建浏览器端应用

1. 概述

在构建同构应用时，需要确保应用能够在服务器端和浏览器端都能正常运行，并且保持状态的一致性。这涉及到多个关键步骤，包括设置浏览器入口点、匹配服务器状态、处理首次加载以及添加单页应用交互等。

1.1 相关代码获取

所有代码可从 http://mng.bz/8gV8 获取。拉取代码后，可根据不同章节需求切换分支，如切换到 chapter-8.1.1 分支获取本章第一部分代码：

git checkout chapter-8.1.1

每次构建代码（或进行任何更改后），需运行以下命令：

npm start

应用将在 http://localhost:3000 运行。

2. 设置浏览器入口点

要在浏览器中渲染代码，首先需设置浏览器入口点 main.jsx ，它将负责以下几个方面：
- 反序列化服务器状态
- 使用当前状态初始化 Redux
- 设置 React Router
- 在浏览器中渲染 React 组件

2.1 引用浏览器代码