首页
首页
BOT
沸点
课程
直播
活动
AI刷题
NEW
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
react从零学习
喝水爱加冰
创建于2023-04-07
订阅专栏
记录react的学习
暂无订阅
共27篇文章
创建于2023-04-07
订阅专栏
默认顺序
默认顺序
最早发布
最新发布
React-batchUpdate机制
判断isBatchingUpdates 哪些能命中 batchUpdate 机制 哪些不能命中 batchUpdate 机制
React-fiber 如何优化性能
更新的两个阶段 可能会有性能问题 解决方案 fiber。更新的两个阶段 可能会有性能问题 解决方案 fiber。
React为什么要使用合成事件
event不是原生的,是SyntheticEvent合成事件对象,模拟出来DOM事件的所有能力 和Vue事件不同,和DOM事件也不同 event.nativeEvent是指向原生事件的【MouseEv
React-JSX的本质
JSX本质是个啥,就是个【h】函数,返回vnode【虚拟节点】 JSX本质测试地址。JSX本质是个啥,就是个【h】函数,返回vnode【虚拟节点】 JSX本质测试地址。
React-hook-踩坑2
useEffect死循环 举例:如果useEffect的数组参数中包含对象,就会出现死循环 解决方法
React-hook-踩坑1
render(第一次创建) --- 初始化值 state re-render (更新的时候) --- 只恢复初始化的state的值,不会重新设置值。只能通过setName修改 组件Demo const
React-hook-自定义hook
自定义一个简单的Axios请求的hook useAxios 要点:useState、useEffect、return [loading,data,error] 使用
React-hook-useCallback
useMemo缓存数据 useCallback缓存函数 两者是ReactHooks的常见优化策略 给Child传了函数,且该函数如果没有使用useCallback,那么Child的memo会失效
React-hook-useMemo
React默认会更新所有子组件 class组件使用SCU和Pure Component做优化 Hooks中使用useMemo 但优化的原理是相同的 示例
React-hook-useReducer
React-hook-useReducer ,useReducer 和 rudux区别 示例。。。。
React-hook-useEffect
useEffect的第二个参数很重要,是个数组。里面如果有值(可能有多个值),该值发生变化后,useEffect钩子的函数就会重新执行。如果是空数组,就只会执行一次 模拟DidMount 模拟DidU
React-hook-useState
函数式编程,添加钩子(hook),才可以做一些复杂的操作 useState的使用 const [count,setCount] = useState(0) 修改值 setCount(count+1)}
React Hooks 启航
函数组件的特点 class组件的问题 React组件更易用函数表达。函数组件的特点 class组件的问题 React组件更易用函数表达。
React公共逻辑的抽离
mixin, 已被react弃用 高阶组件HOC Render Props 总结:HOC模式简单,但会增加组件层级,Render props 代码简洁,学习成本高一点 实现欢动鼠标位置打印 高阶组件H
React性能优化-2
React性能优化-2 pureComponent componentDidUpdate会进行浅比较 React.memo 在函数组件使用
React性能优化-1
React 性能优化-1 shouldComponentUpdate【简称SCU】 2.必须配合不可变值使用【演示了错误使用,造成的SCU的bug】 this.state.list.push 导致子组
React异步组件
React 异步组件 import 【导入组件】 React.lazy 【实现了异步】 React.Suspense 【往往配合异步提示loading】
React的Context
React的Context Context 提供了一个无需为每层组件手动添加 props,就能在组件树间进行数据传递的方法。在一个典型的 React 应用中,数据是通过 props 属性自上而下(由父
React-Portal传送
Portal传送 将组件传送到某个层级的节点,比如document.body 常用于弹窗等组件的封装
React函数组件
函数组件 纯函数,输入props, 输出JSX 没有实例,没有生命收周期,没有state 不能拓展其他方法
下一页