React
个人读过一些高质量的文章,并写了一些简要总结。
react hook初学者必读:
-
useEffect guide
里面也引用了其他文章,都非常高质量,下面也会列出。
总结:
useEffect具有闭包的特性,虽然对新手不友好,但比class组件中莫名其妙被修改props更加可控可追踪。 -
useReducer vs useState
如果你的useState长这样:
const [state, setState] = useState({name: '', age: 0});
使用useReducer代替useState做一些复杂对象的状态管理,会让状态的改变都在reducer里面产生,更容易追踪。但是也并不是绝对的,如果只是请求拿接口数据渲染,不如直接使用useState,useReducer更适用于经常需要setState的情况。
现在大部分项目都用typescript,结合这篇:
4. usereducer-hook-in-react-with-typescript
事件代理
Should I use event delegation in React?
tsx中的泛型
const foo = <T extends {}>(myObject: T) => myObject.toString();
如果只写<T>
,会被识别为jsx语法。
参考
持续更新…