加载中
react 使用recoil 减少不必要的组件渲染

https://recoiljs.org/docs/introduction/getting-started/ 安装 yarn add recoil 这个库目前看来是将状态的set和get分离开, 可以精细化的控制组件对状态的操作, 进而避免重复渲染, 比如一个...

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

https://github.com/streamich/react-use 有个这东西, useState只拿到一个set方法 ref的更新不会触发重新渲染, 但是重新渲染会把ref的最新值更新到ui上 import React, { useRef, useState }...

10/11 14:36
0
react 异常捕获

参考 https://zhuanlan.zhihu.com/p/259571403 这些人的脑洞可真大... 用户的执行函数 const f = () => JSON.parse(); const test = () => { console.log("test 1"); f(); ......

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

和context配合确实很方便, 只是对于所有的函数式组件需要用observer包装一层有点难受 为什么js没有函数装饰器啊啊啊啊啊 不过在react中用mobx和在vue中redux一样奇怪.... https://mobx-react...

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

风格上和react的不可变数据有些不太一样, 但是使用上确实和vuex很像 安装 https://github.com/mobxjs/mobx-react yarn add mobx mobx-react 简单计数器 import React from 'react'; import ...

react 高阶组件 HOC

官方文档讲的相当透彻 https://react.docschina.org/docs/higher-order-components.html 这个文章也写的很好很详细 https://juejin.im/post/6844904050236850184 高阶组件是参数为组件,返回...

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

useContext更佳实践 主要思想: 为了避免使用context时, 外层并没有注入, 导致的错误, 将错误前置, 避免在运行时出错, 而是在编译时检查 简单的状态使用state, 对于复杂的状态可以使用reducer...

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

关于useState的一切 关于useEffect的一切 React技术揭秘 React17新特性:启发式更新算法 React Hooks的核心实现 关于ref的一切 还是闭包的问题, 第一种写法可以正常执行, 第二种只能将0变为1...

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

父组件中使用, 控制显示和隐藏, 子组件可以通过回调将自己隐藏 我们是在c组件中使用的modal, 但是通过createPortal 将弹出框挂载到了modal-root下 import React, { useEffect, useState } fr...

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

写的很不错 精读《Function Component 入门》 常见的自定义hook 由于闭包导致的拿不到最新数据的问题 import React from "react"; import { useState } from "react"; import { useEffect } ...

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

参考 http://www.ptbird.cn/react-hook-usereducer-usecallback.html http://www.ptbird.cn/react-hook-useEffect-useReducer.html 依赖欺骗导致count的更新并没有按照预期以step的步长递增的...

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

参考 http://www.ptbird.cn/react-createContex-useContext.html 通常使用useContext透传数据, 不过大部分时候当你需要用useContext的时候, 你真正需要的是redux 普通对象, 值的变化不会被r...

08/29 14:50
120
react hook 总结

React.StrictMode 一个很蛋疼的事情是在dev环境下, react 会自动在组件最外面包裹一个 React.StrictMode, 用于将组件渲染两次, 主要原因为react团队认为在react组件渲染时不应该有任何副作用...

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

可能也就是这个会比vue好点 vue 也可以... 虽然能用相同的思维实现, 但是确实手感不如vue 使用vue实现不管怎么拖都没问题, 但是react的有时候会出现事件来不及解除, 导致一直跟着鼠标 import...

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

一些插件介绍 https://www.cnblogs.com/vvjiang/p/9505646.html 主要思想是将所有的有效修改进行合并 使用redux-thunk插件主要是为了能够支持异步, 以及可以传入函数 thunk的源码, 支持传入函...

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

https://react-redux.js.org/ 安装 yarn add react-redux 配合ramda实现的计数器 import React from "react"; import { createStore } from "redux"; import { Provider, useSelector } fro...

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

https://reactrouter.com/ npx create-react-app demo yarn add react-router-dom 这样想试试新功能的话只需要新建组件即可, 不需要新建项目 import React from "react"; import "./App.css...

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

参考 https://juejin.im/post/5ec7372cf265da76de5cd0c9 主要思想: 每一帧都有独立的状态 每一帧都有独立的Effect 每一帧都有独立的变量 使用ref获取最新值 点击show, 多次点击add, 2s后 输出...

07/23 23:17
17
react hook useLayoutEffect

useEffect 在组件挂载, dom渲染完毕之后调用 useLayoutEffect 在组件挂载,dom 处理完毕, dom渲染之前, 同步执行, 如果其中有大量计算 ,会阻塞渲染过程, 造成白屏 主要用于第一次渲染后修改d...

07/23 23:13
68
react 实现自定义的hook

使用hook封装count计数器 import React, { useState, useEffect } from "react"; const useCount = (init = 0, dx = 1) => { const [count, setCount] = useState(init); const dec = () =>...

07/22 22:42
66

没有更多内容

加载失败,请刷新页面

返回顶部
顶部