【学习打卡】第7天 高仿AntD从零到一打造组件库

课程名称：2022升级 React18+TS高仿AntD从零到一打造组件库

课程章节： 第3章 神奇的 React 配合 typescript，完美输出

主讲老师：张轩

课程内容：

今天学习的内容包括：

3-1 React简介和基础知识回顾
3-2 配置 react 开发环境

课程收获：

React- 用于构建用户界面的 JavaScript 库
声明式–以声明式编写 UI，可以让你的代码更加可靠，且方便调试。
组件化–构建管理自身状态的封装组件，然后对其组合以构成复杂的 UI。
一次学习，随处编写—无论你现在使用什么技术栈，在无需重写现有代码的前提下，通过引入 React 来开发新功能。

状态提升（共享的状态提升到最近的父组建） 一份数据源
props（属性） 组建和函数一样
状态和属性相反 状态是可变的

为什么使用npx？
由于create-react-app只是在安装的时候用一次，会造成资源浪费
1.使用npx避免全局安装，安装完成之后会卸载cra， 等到下次使用时再安装
2.使用npx可以调用已经安装的模块，原理是使用时将安装的模块.bin脚本地址写入path路径，之后会自动还原path

当执行这命令 npx create-react-app my-app --template typescript 后,报如下的错误

时,是因为npm版本过旧,解决方法是 windows下cmd安装指令：cnpm install -g npm,重新安装npm.

然后再执行 npx create-react-app my-app --template typescript,就创建成功了.