javascript前端大厂100问|react优化，路由懒加载，ssr,错误监听排查性能，性能指标，setState同步异步，

React 优化

题目

你在实际工作中，做过哪些 React 优化？

前端通用的优化策略

压缩资源，拆包，使用 CDN ，http 缓存等。本节只讨论首屏，这些先不讲。

循环使用 key

key 可以优化内部的 diff 算法。注意，遍历数组时 key 不要使用 index 。

const todoItems = todos.map((todo) =>
  {/* key 不要用 index */}
  <li key={todo.id}>
    {todo.text}
  </li>
)

修改 css 模拟 v-show

条件渲染时，可以通过设置 css 来处理显示和隐藏，不用非得销毁组件。模拟 Vue v-show

{/* 模拟 v-show */}
{!flag && <MyComponent style={
  
  {display: 'none'}}/>}
{flag && <MyComponent/>}