React

React 是一个声明式,高效且灵活的用于构建用户界面的
JavaScript库。使用React可以将一些简短、独立的代码片段组合成复杂的UI界面,这些代码片段被称作“组件”。
- 更新16.9.0
- 16-9-0
- JSX简介
- 组件和普通JSX语法区别
- JSX中使用三元运算符
- Rddux
- 箭头函数
- 生命周期函数
- hooks
- Suspense
- 组件
- 函数组件与类组件的不同
- 组件库
- SHINEOUT
- ant-design
- react高效技巧
- refs
- 合成事件event
- react的一些技巧使用
- 将 React 作为 UI 运行时
- 面试
- 错误提示及调整方法
- 部署
- 用Spring Boot打包你的React应用
- 学习实例
- react实例-我的服务菜单(含一些基本介绍)
- ant-design学习
更新
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
依据文档介绍,SHINEOUT是一个更加轻量、更加快速的React组件库,
在日常的中后端系统中,表格往往扮演着加载展示数据的角色,但同时,当数据量大的时候,可能会遇到性能瓶颈,界面往往会卡顿,
一般情况下我们可以使用虚拟加载技术,在之前文章中也介绍过,但有时候可能会有一定的局限性。
而SHINEOUT可能会给你提供一个更加优秀的解决方案,提供简单实用的表格组件,性能优秀自适应等。