GanYihuan / react-ssr Public

Notifications You must be signed in to change notification settings
Fork 2
Star 4

慕课网-React服务器渲染原理解析与实践(学习笔记)

4 stars 2 forks Branches Tags Activity

Notifications

Name		Name	Last commit message	Last commit date
Latest commit History 41 Commits
build		build
public		public
src		src
.eslintrc.js		.eslintrc.js
.gitignore		.gitignore
README.md		README.md
React-client.mmap		React-client.mmap
package.json		package.json
webpack.base.js		webpack.base.js
webpack.client.js		webpack.client.js
webpack.server.js		webpack.server.js
~$React-client.mmap.~$lock		~$React-client.mmap.~$lock

Repository files navigation

react-serverrender

流程

服务器接受请求，这时 store 为空
服务器端不会执行 componentDidMount，所以列表内容获取不到
客户端代码运行，这时 store 为空
客户端执行 componentDidMount，列表数据获取
store 中列表数据更新
客户端渲染出 store 中 list 数据对应列表内容

登录切换

刚进入页面处于非登录状态
用户点击登录按钮

浏览器发请求给 NodeJS 服务器
转发 api 服务器进行登录
api 服务器生成 cookie
浏览器存在 cookie 登录成功

用户重新刷新页面时

About

慕课网-React服务器渲染原理解析与实践(学习笔记)

Report repository

Releases

No releases published

Packages

No packages published

Languages