手记

【学习打卡】第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,就创建成功了.

0人推荐
随时随地看视频
慕课网APP