React

返回:大前端 | 返回:最全导引

react1.jpg

React 是一个声明式,高效且灵活的用于构建用户界面的 JavaScript 库。使用React 可以将一些简短、独立的代码片段组合成复杂的 UI 界面,这些代码片段被称作“组件”。

更新

返回顶部

16-9-0

  • 添加 <React.Profiler>API,用于以编程方式收集<React.Profiler>的度量
render(
 <Profiler id="application" onRender={onRenderCallback}>
 <App>
 <Navigation {...props} />
 <Main {...props} />
` </App>
 </Profiler>
);
  • 删除 unstable_ConcurrentMode,选择 unstable_createRoot
  • React DOM重命名不安全生命周期方法

  • componentWillMount → UNSAFE_componentWillMount

  • componentWillReceiveProps → UNSAFE_componentWillReceiveProps
  • componentWillUpdate → UNSAFE_componentWillUpdate

但是,当使用任何旧名称时,您将看到一个警告:运行一个自动重命名它们的“codemod”脚本:

cd your_project
npx react-codemod rename-unsafe-lifecycles
  • 移除不常见的“模块模式”(工厂)组件
  • <video>上添加对 disablePictureInPicture 属性的支持
  • <embed> 添加对 onload 事件的支持
  • 从 DevTools 添加对编辑 useState 状态的支持
  • 从 useEffect 调用 setState 时发出警告
  • 修复内存泄漏
  • 修复 findDOMNode 内部的崩溃,用于封装在 <Suspense> 中的组件
  • 修复警告消息中不正确的参数顺序
  • React DOM Server

修复 CamelCase 自定义 CSS 属性名称的错误输出

  • React Test Utilities 和 Test Renderer

添加 act(async () => ...) 用于测试异步状态更新
从不同的渲染器中添加对 act 的支持

组件库

返回顶部

SHINEOUT

GitHub文档

依据文档介绍,SHINEOUT是一个更加轻量、更加快速的React组件库,
在日常的中后端系统中,表格往往扮演着加载展示数据的角色,但同时,当数据量大的时候,可能会遇到性能瓶颈,界面往往会卡顿,
一般情况下我们可以使用虚拟加载技术,在之前文章中也介绍过,但有时候可能会有一定的局限性。
而SHINEOUT可能会给你提供一个更加优秀的解决方案,提供简单实用的表格组件,性能优秀自适应等。