使用 react-snap 等方案进行预渲染(Pre-render) 如果用到 CSS-in-JS 库,将关键路径样式解析出来 保障应用可用性,考虑使用 React A11y 或 react-axe 等库 这里介绍一个基于 Puppeteer 的预渲染方案 react-snap,它能让你更简单地进行预渲染页面。
import实现 const Page404 = () => import(/* webpackChunkName: "error" */'@views/errorPage/404'); 十、ssr && react-snap 服务端渲染SSR,vue使用nuxt.js,react使用next.js react-snap可以借助Puppeteer实现先渲染单页,然后保留DOM,然后发送到客户端 十一、体验优化 #白屏loading
预渲染 当通过create-react-app创建React应用时,可以使用react-snap或react-snapshot来达到预渲染的功能。
ClearX为您的React应用程序分离关注点提供了极大的灵活性 react-snap - 针对SPA的零配置框架无关的静态预渲染 Draft.js - 用于构建文本编辑器的React框架 refract