加载中
react hook 依赖数组

原文链接: react hook 依赖数组 UI = component(props) 函数式组件什么时候被渲染, props被修改, 调用setState 下面修改ref不会被渲染 import React, { useRef, useEffect, useState } from...

2020/11/05 21:45
60
react 消除知乎div

原文链接: react 消除知乎div https://mp.weixin.qq.com/s/ICjOlJL-fUGRb2S_xqBT7Q 思路就是根据react注入的变量, 逐步拿到react实例, 然后替换 createElement 方法 先通过dev变量 __REACT_...

2020/10/31 23:58
12
react 使用recoil 减少不必要的组件渲染

原文链接: react 使用recoil 减少不必要的组件渲染 https://recoiljs.org/docs/introduction/getting-started/ 安装 yarn add recoil 这个库目前看来是将状态的set和get分离开, 可以精细化的...

2020/10/12 23:17
215
从react-use 库里面学到的 ref用法

原文链接: 从react-use 库里面学到的 ref用法 https://github.com/streamich/react-use 有个这东西, useState只拿到一个set方法 ref的更新不会触发重新渲染, 但是重新渲染会把ref的最新值更新...

2020/10/11 14:36
58
react 异常捕获

原文链接: react 异常捕获 参考 https://zhuanlan.zhihu.com/p/259571403 这些人的脑洞可真大... 用户的执行函数 const f = () => JSON.parse(); const test = () => { console.log("te......

2020/10/02 18:22
107
mobx-react 多个store 和 全局状态

原文链接: mobx-react 多个store 和 全局状态 和context配合确实很方便, 只是对于所有的函数式组件需要用observer包装一层有点难受 为什么js没有函数装饰器啊啊啊啊啊 不过在react中用mobx和...

mobx-react 类似vuex的react版 响应式状态管理

原文链接: mobx-react 类似vuex的react版 响应式状态管理 风格上和react的不可变数据有些不太一样, 但是使用上确实和vuex很像 安装 https://github.com/mobxjs/mobx-react yarn add mobx mob...

2020/09/19 20:36
115
react 高阶组件 HOC

原文链接: react 高阶组件 HOC 官方文档讲的相当透彻 https://react.docschina.org/docs/higher-order-components.html 这个文章也写的很好很详细 https://juejin.im/post/68449040502368501...

2020/09/13 22:08
30
useContext更佳实践 代码

原文链接: useContext更佳实践 代码 useContext更佳实践 主要思想: 为了避免使用context时, 外层并没有注入, 导致的错误, 将错误前置, 避免在运行时出错, 而是在编译时检查 简单的状态使用s...

jsx
2020/09/13 15:25
323
react系列文章 一点解读

原文链接: react系列文章 一点解读 关于useState的一切 关于useEffect的一切 React技术揭秘 React17新特性:启发式更新算法 React Hooks的核心实现 关于ref的一切 还是闭包的问题, 第一种写法...

2020/09/13 14:52
17
react createPortal 弹出框简单实现

原文链接: react createPortal 弹出框简单实现 父组件中使用, 控制显示和隐藏, 子组件可以通过回调将自己隐藏 我们是在c组件中使用的modal, 但是通过createPortal 将弹出框挂载到了modal-roo...

2020/08/29 17:34
1.4K
react 函数式组件 注意点和技巧

原文链接: react 函数式组件 注意点和技巧 写的很不错 精读《Function Component 入门》 常见的自定义hook 由于闭包导致的拿不到最新数据的问题 import React from "react"; import { useSta...

2020/08/29 16:24
616
react hook 依赖诚实和依赖欺骗

原文链接: react hook 依赖诚实和依赖欺骗 参考 http://www.ptbird.cn/react-hook-usereducer-usecallback.html http://www.ptbird.cn/react-hook-useEffect-useReducer.html 依赖欺骗导致c...

2020/08/29 15:21
181
react hook useContext 透传状态

原文链接: react hook useContext 透传状态 参考 http://www.ptbird.cn/react-createContex-useContext.html 通常使用useContext透传数据, 不过大部分时候当你需要用useContext的时候, 你真正...

2020/08/29 14:50
365
react hook 总结

原文链接: react hook 总结 React.StrictMode 一个很蛋疼的事情是在dev环境下, react 会自动在组件最外面包裹一个 React.StrictMode, 用于将组件渲染两次, 主要原因为react团队认为在react组...

2020/08/01 23:36
106
react hook 小球拖拽

原文链接: react hook 小球拖拽 可能也就是这个会比vue好点 vue 也可以... 虽然能用相同的思维实现, 但是确实手感不如vue 使用vue实现不管怎么拖都没问题, 但是react的有时候会出现事件来不及...

2020/07/24 21:46
223
redux 使用redux-thunk把switch从代码里踢出去

原文链接: redux 使用redux-thunk把switch从代码里踢出去 一些插件介绍 https://www.cnblogs.com/vvjiang/p/9505646.html 主要思想是将所有的有效修改进行合并 使用redux-thunk插件主要是为了...

2020/07/24 17:50
83
react-redux 配合ramda实现计数器

原文链接: react-redux 配合ramda实现计数器 https://react-redux.js.org/ 安装 yarn add react-redux 配合ramda实现的计数器 import React from "react"; import { createStore } from "re...

2020/07/24 16:21
105
react router 学习过程中用组件切换代替新建项目

原文链接: react router 学习过程中用组件切换代替新建项目 https://reactrouter.com/ npx create-react-app demo yarn add react-router-dom 这样想试试新功能的话只需要新建组件即可, 不需...

2020/07/24 15:29
20
react hook 实践中遇到的问题

原文链接: react hook 实践中遇到的问题 参考 https://juejin.im/post/5ec7372cf265da76de5cd0c9 主要思想: 每一帧都有独立的状态 每一帧都有独立的Effect 每一帧都有独立的变量 使用ref获取...

2020/07/23 23:17
49

没有更多内容

加载失败,请刷新页面

返回顶部
顶部