React SSR进阶
摘要:路由机制 在客户端执行路由我们使用react-router 而且在服务器运行路由使用static-router 安装 在根目录下创建routes.js文件,引入配置Home页面路由 接下来修改client/index.js,客户端使用BrowserRouter 修改server/index.js服务
阅读全文
posted @
2018-12-11 06:31
苏荷酒吧
阅读(133)
推荐(0) 编辑
React SSR基础
摘要:CSR和SSR 客户端渲染CSR 服务器向浏览器发送空的HTML文档-> 然后浏览器下载JS文件 -> 浏览器执行React代码->页面渲染完毕 服务器端渲染SSR 服务器直接发送HTML文档 比较: 我们可以看出SSR架构下页面非常快,只需要下载HTML,也就是说首屏加载非常快 SEO 百度爬虫是
阅读全文
posted @
2018-12-10 05:23
苏荷酒吧
阅读(144)
推荐(0) 编辑
React 进阶
摘要:容器组件、UI组件和无状态组件 容器组件:处理数据 UI组件:处理视图 无状态组件 纯净的render 异步请求 componentDidMount中执行ajax请求 Redux-thunk中间件实现Ajax 配置 因为我们使用了Redux devtool插件 配置修改为 接下来修改Ajax请求 首
阅读全文
posted @
2018-12-07 08:32
苏荷酒吧
阅读(207)
推荐(0) 编辑
React Redux
摘要:Redux 是JavaScript的一个状态容器 1、首先应用中state是一个对象树的形式存储在单一的store中 2、唯一能改变state的是触发action 3、reducer接受action,通过return newStore改变store数据 4、state数据发声改变通知Componen
阅读全文
posted @
2018-12-07 03:31
苏荷酒吧
阅读(114)
推荐(0) 编辑
React 基础语法
摘要:首先进行react安装,使用官方脚手架工具 npm i create-react-app create-react-app my-app cd my-app npm start Hello World ReactDOM.render( <h1>Hello, world!</h1>, document
阅读全文
posted @
2018-12-06 16:06
苏荷酒吧
阅读(254)
推荐(0) 编辑