换个姿势看 hooks !
懂得 JSX 本质的同学都知道它只不过是一种语法糖,会被 babel 处理成 createElement 的形式,最后再变成常规的 js 对象。所以,我们就可以在 js 逻辑层面对 element 对象做处理,自定义 hooks 作为 element 逻辑处理层,也就变得理所当然了。
阅读量: 241标签: react
从UseEffect看React、Vue设计理念的不同
我们知道,React发布Hooks后,带来了业界一波Hooks热。很多框架(比如Vue Composition API、Solid.js)都借鉴了Hooks的模式。但是,即使这些框架都借鉴了Hooks,但由于框架作者的理念不同,发展方向也逐渐不同。
阅读量: 464标签: React
React状态管理器Rematch的使用
Rematch是没有样板文件的Redux的最佳实践,没有action types、 action creators, 状态转换或thunks。Redux 是一个了不起的状态管理工具,由良好的中间件生态系统和优秀的开发工具支持。
阅读量: 430标签: React
React 老矣,我建议大家用用别的框架
React 已经老了,只是经常用它的朋友们还没有意识到它老到了什么程度、引发了哪些问题。如果只用 React,那可能会觉得这框架不错啊,而且一直在努力改进。确实,React 在很多方面都是越来越好,但这并不能改变它的发展速度和功能上限已经长期跟不上同类方案的事实
阅读量: 152标签: React
11 个需要避免的 React 错误用法
随着 React 越来越受欢迎,React 开发者也越来越多,在开发过程中也遇到各种各样的问题。本文我将结合自己实际工作经验,总结 11 个 React 开发中常见的一些错误,帮助您避免一些错误的发生。
阅读量: 195标签: React
React报错之Objects are not valid as a React child
当我们尝试在JSX代码中,直接渲染对象或者数组时,会产生 Objects are not valid as a React child 错误。为了解决该错误,在JSX代码中,使用 map() 方法来渲染数组或者访问对象的属性
阅读量: 163标签: React
React报错之map() is not a function
当我们对一个不是数组的值调用 map() 方法时,就会产生 TypeError: map is not a function错误。为了解决该错误,请将你调用 map() 方法的值记录在 console.log 上
阅读量: 634标签: React
React报错之Cannot find name
为了在React TypeScript中解决Cannot find name报错,我们需要在使用 JSX 文件时使用 .tsx 扩展名,在你的 tsconfig.json 文件中把 jsx 设置为 react-jsx ,并确保为你的应用程序安装所有必要的 @types 包。
阅读量: 397标签: React
React报错之Object is possibly null
使用类型守卫来解决React中 useRef 钩子“Object is possibly null”的错误。比如说, if (inputRef.current) {} 。一旦 null 被排除在 ref 的类型之外,我们就能够访问 ref 上的属性。
阅读量: 250标签: React
从原生 JavaScript 到 React
React 是一个用于构建用户界面的 JavaScript 框架。它可用于通过动态操作页面内容来创建 JavaScript 应用程序。浏览器已经提供了在页面中创建元素的 API,即 DOM
阅读量: 214标签: React
有 React fiber,为什么没有 Vue fiber?
提到react fiber,大部分人都知道这是一个react新特性,看过一些网上的文章,大概能说出“纤程” “一种新的数据结构” “更新时调度机制”等关键词。但如果被问:
阅读量: 199标签: React
React:不要动,否则你会被炒鱿鱼
本文我们介绍react与react-dom​中神秘的内部变量,需要注意的一点是,如果你也想用这种方式在两个包之间共享数据,需要将其中一个包设为另一个包的peerDependencies
阅读量: 234标签: React
我对 React 实现原理的理解
React 是前端开发每天都用的前端框架,自然要深入掌握它的原理。我用 React 也挺久了,这篇文章就来总结一下我对 react 原理的理解。
阅读量: 195标签: React
Ahooks 的 UseClickAway 在 React 17 中不工作了,该怎么办?
经常用到的组件挂载以及卸载的 useMount、useUnmount,还有支持自动请求、手动请求、防抖等各种功能请求 useRequest,以及可以将状态同步存取到 localStorage 的 useLocalStorageState。
阅读量: 399标签: React
React 16 升级到 17 的一个坑:组件销毁时 Ref 可能会被重置为Null
最近公司的项目用的 React 从 16 升到了 17 版本,选择升级的原因是想以后将项目迁移到 Nextjs 上。结果发现因为 React 的行为不一致导致了一些看得见的和看不见的 bug,真的是一场灾难。
阅读量: 361标签: React