原文链接:https://juejin.cn/post/6973675487977537549
1. 你如何实现服务器端渲染或SSR?
React 已经具备了在 Nod e服务器上处理渲染的能力。有一个特殊版本的 DOM 渲染器,它与客户端的模式相同。
import ReactDOMServer from 'react-dom/server';
import App from './App';
ReactDOMServer.renderToString(<App />)。
这个方法将把常规的 HTML 输出为一个字符串,然后可以作为服务器响应的一部分放在页面主体内。在客户端,React 检测到预渲染的内容,并无缝地衔接该内容。
2. 如何在 React 中启用生产模式?
你应该使用 Webpack 的 DefinePlugin
方法来设置 NODE_ENV
为 production
,通过它来剥离诸如 propType 验证和额外警告的东西。除此之外,如果你对代码进行最小化处理,例如 Uglify 的无效代码消除法,剥离出只用于开发的代码和注释,这将极大地减少你的包的大小。
3. 什么是 CRA 以及它的好处?
create-react-app
CLI 工具允许你快速创建和运行React应用程序,无需配置步骤。
让我们使用 CRA 创建 Todo 应用程序。
# 安装
$ npm install -g create-react-app
# 创建新项目
$ create