ts跟react的学习点记录

TS：
1.ts与js的区别
ts：js的超集用于解决大型项目的代码复杂性，可以在编辑期间发现并纠正错误，强类型，支持静态和动态类型，最终编译成js，使浏览器可以理解，支持模块、泛型和接口
js：一种脚本语言，用于创建动态网页，作为一种解释型语言，只能在运行的时发现错误，不支持模块、泛型和接口

react学习点：
1.React 组件必须以大写字母开头，而 HTML 标签则必须是小写字母
2.以 use 开头的函数被称为 Hook，Hook 比普通函数更为严格。你只能在你的组件（或其他 Hook）的 顶层调用 Hook
3.使用JSX书写标签语言--由于历史原因，aria-* 和 data-* 属性是以带 - 符号的 HTML 格式书写的
4.如果你的组件里有很多的嵌套式条件表达式，则需要考虑通过提取为子组件来简化这些嵌套表达式。在 React 里，标签也是你代码中的一部分，所以你可以使用变量和函数来整理一些复杂的表达式
5.更新函数必须是纯函数并且只返回结果，setNumber(n => n + 1);
6.如果你想要写出更简洁的更新处理函数，Immer 会是一个不错的选择，尤其是当你的 state 中有嵌套，并且复制对象会带来重复的代码时
7.ref 是一个普通的 JavaScript 对象，具有一个名为 current 的属性，你可以对其进行读取或设置。你可以通过调用 useRef Hook 来让 React 给你一个 ref
8.useRef无法直接跨组件去获取别的组件的ref引用，需要使用forwardRef
9.Effect不能在服务端执行，组件显示时就需要执行的代码应该放在 Effect 中，否则应该放在事件处理函数中。如果你需要更新多个组件的 state，最好在单个事件处理函数中处理
10.自定义hook里面最好有使用 react Hook
11.自定义 Hook 命名必须以后跟一个大写字母的 use 开头，你可以将响应值从一个 Hook 传到另一个，并且他们会保持最新
12.每次组件重新渲染时，所有的 Hook 会重新运行，自定义 Hook 的代码应该和组件代码一样保持纯粹
13.把自定义 Hook 收到的事件处理函数包裹到 Effect Event
14.不要创建像 useMount 这样的自定义 Hook。保持目标具体化

备注：

文章仅做学习记录，有问题随时交流