![](https://img-blog.csdnimg.cn/20201014180756919.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
React
文章平均质量分 69
Creabine
时无重至,华不再扬
展开
-
React-Query学习及实践总结
文章目录前言一、react-query能干嘛?二、常见用例1.引入库2.请求useQuery2.列表useInfiniteQuery3. 并行查询4. 状态指示器5. 禁用/暂停查询6. 分页/滞后查询 keepPreviousData7. 查询数据占位符 placeholder-query-data8. 修改 mutations9. 查询失效 query-invalidation10. 修改导致的失效invalidation-from-mutations11. 响应更新的数据 updates-from-原创 2022-05-17 15:46:51 · 2402 阅读 · 1 评论 -
React Hooks 入门
之前就听过React的新特性Hooks,今天有空来学习了解一蛤~参考资料:React中文文档概述Hooks 是一项新功能提案,可让您在不编写类的情况下使用 state(状态) 和其他 React 功能。目前还在讨论中。简单来说,这个提案对React的函数式组件进行了加强。之前在React中的三种组件及其区别中提高过:函数式组件没有生命周期和内部状态,所以一般只做单纯的渲染。...原创 2019-04-24 15:49:05 · 307 阅读 · 0 评论 -
组件化和React
组件化和React题目:说一下对组件化的理解jsx的本质是什么jsx和vdom的关系是什么说一下setState的过程阐述自己对react和vue的认识对组件化的理解:1.封装(视图,数据,变化逻辑)。2.复用(props传递)。jsx的本质是什么:jsx跟vue模板一样,都是语法糖,是为了降低学习成本和写代码的难度(相比直接写h函数来说)。最终也是编译成js在浏览器中运...原创 2019-03-27 17:31:14 · 194 阅读 · 0 评论 -
虚拟DOM和Diff算法
虚拟DOM (virtual dom)vdom 是 vue 和 react 的核心,学习他们绕不开vdomvdom比较独立,使用也比较简单如果面试问到了vue和react的实现,免不了问vdom问题:什么是vdom?为何会存在vdom?vdom如何应用,核心API是什么?介绍一下diff算法什么是vdom?为何会存在vdomvirtual dom , 虚拟dom用js...原创 2019-03-27 17:28:29 · 356 阅读 · 0 评论 -
React生命周期整理
之前对React的生命周期的理解一直比较浮于表面,今天有空来梳理一下。发现React的新版本对生命周期也做了改动,更有必要搞清楚了。参考资料:React.ComponentReact生命周期[译]如何使用React生命周期方法Mounting阶段constructorconstructor方法在组件建立前被调用:在这个方法里面,应该先调用super(props),否...原创 2019-02-18 16:45:13 · 183 阅读 · 0 评论 -
React的受控组件和非受控组件
在HTML当中,像<input>,<textarea>, 和 <select>这类表单元素会维持自身状态,并根据用户输入进行更新。但在React中,可变的状态通常保存在组件的状态属性中,并且只能用 setState() 方法进行更新。来源:浅谈React受控与非受控组件非受控组件非受控组件,即组件的状态不受React控制的组件,例如下边这个imp...转载 2019-02-15 16:53:14 · 838 阅读 · 0 评论 -
React中的三种组件及其区别
React中有三种生成组件的方式,分别是React.Component、React.PureComponent和Function,他们有什么异同呢?参考资料:(React(二):类组件、函数式组件)[https://juejin.im/post/5c0dfa265188257a5a2514d6]React.ComponentReact.Component是最常使用的方式,我们经常...原创 2019-02-15 15:25:59 · 960 阅读 · 0 评论 -
关于React 中All in js的浅尝辄止(React 柱状图,环形图)
什么是 All in js前段时间在别人的项目上了解到了styled-components插件,它能够用js来写css,方便的在其中加上需要的逻辑。React本身用过jsx已经把html用js来写了,再加上styled-components,就能够实现All in js 这种编码方式。如何看待All in js了解之后跟小伙伴在群里讨论了一下,这种All in js的方式比较有争议,不...原创 2019-02-15 11:03:02 · 1350 阅读 · 0 评论 -
React-Redux学习笔记
之前用react开发了一些模块,对react的使用也更加熟悉了。最近有空,来总结记录一下react相关生态,系统的梳理一下,便于更好的理解和记忆。参考资料:React-redux框架之connect()与Provider组件 用法讲解Redux类比Vuex,Redux也是用来解决复杂SPA中的全局状态管理问题。通过对比来一起记忆。三大原则:单一数据源:整个应用只能有一个唯...原创 2018-10-29 19:05:13 · 301 阅读 · 0 评论 -
React-router学习笔记
之前用react开发了一些模块,对react的使用也更加熟悉了。最近有空,来总结记录一下react相关生态,系统的梳理一下,便于更好的理解和记忆。首先看一个配置示例:const routeConfig = { path: '/', component: App,】 indexRoute: { component: Dashboard }, childRoutes...原创 2018-10-29 11:51:18 · 243 阅读 · 0 评论 -
React学习笔记
前段时间因工作需要,快速学习了一下React写了点代码,当时写过一篇初识React的一些感受,但限于时间,没空整理总结。最近搞完了小程序,稍微有点空闲,赶紧来复习总结一下。参考资料:React官网教程JSXJSZ是类似const element = <h1>Hello, world!</h1>这样的语法,可以通过花括号{}在其中插入变量或任意JS...原创 2018-07-11 11:44:30 · 374 阅读 · 0 评论 -
初识React的一些感受
新公司的后台管理用了React技术栈。小程序维护告一段落后,马上给了我一个后台任务之前对React的了解基本只有名字,这次带着需求,看文档,看代码,写代码,因为有vue基础,上手还是蛮快的,两周内终于按时搞定了,对React也多了一些了解,在这里简单记录一下。因为是先看了Vue再看React,不可避免的会把他们放在一起进行比较。由于现在对于React的了解不够深入,所以比较得出的大多数...原创 2018-05-31 18:00:28 · 1023 阅读 · 0 评论