React TDD项目实践:打造sundaes-app的全过程
需积分: 5 116 浏览量
更新于2024-12-10
收藏 236KB ZIP 举报
资源摘要信息:"react-tdd-sundaes-app"
React TDD课程的一部分
该模块的注释
在视频37中,我们安装了几个库模块:
yarn add @testing-library/user-event @testing-library/dom
知识点:
1. React:React是由Facebook开发的一个用于构建用户界面的JavaScript库。它采用声明式的方式来构建组件,并通过虚拟DOM来提高性能。
2. TDD(测试驱动开发):TDD是一种软件开发方法,它强调在编写实际的业务逻辑代码之前先编写测试代码。这种方法可以保证代码的质量,并且可以帮助开发者更快地发现问题。
3. yarn:yarn是一个包管理工具,它可以用来管理项目中的依赖。它和npm类似,但是它比npm更快,更可靠。
4. @testing-library/user-event 和 @testing-library/dom:这两个库都是用于React测试的库。@testing-library/user-event提供了模拟用户交互的功能,而@testing-library/dom提供了操作DOM的功能。
在视频44中,我们安装了Mock Service Worker:
yarn add msw
知识点:
1. Mock Service Worker (MSW):MSW是一个用于拦截和响应HTTP请求的库,它可以用于模拟服务器端的API。这样可以在不需要实际的服务器的情况下进行前端的测试。
在视频57中,邦妮提到了Kent C Dodds:
项目使用React-Bootstrap
可以在./public/index.html找到浏览器全局变量
知识点:
1. React-Bootstrap:React-Bootstrap是一个基于Bootstrap的React组件库,它提供了一套简洁、响应式的UI组件。
2. 全局变量:全局变量是在程序任何地方都可以访问到的变量,它通常定义在全局对象中,如在浏览器中就是window对象。
yarn add react-bootstrap bootstrap
知识点:
1. bootstrap:Bootstrap是一个流行的前端框架,它提供了一套丰富的UI组件和布局,可以帮助开发者快速构建出美观的网页。
服务器回购
有用的网址
知识点:
1. 服务器回购:可能是指用于存储服务器代码的代码仓库,如Git仓库。
2. 有用的网址:可能是指一些对开发有帮助的网站或资源。
AirBnB对EsLint的对等依赖
npx install-peerdeps --dev eslint-config-airbnb
yarn add -D eslint babel-eslint eslint-config-prettier eslint-plugin-import
知识点:
1. AirBnB:AirBnB是一家提供短期房屋租赁服务的公司,他们也开发了一些开源项目,如AirBnB的JavaScript样式指南。
2. EsLint:EsLint是一个开源的JavaScript代码检查工具,它可以用来发现代码中的问题并强制执行一定的编码风格。
3. install-peerdeps:install-peerdeps是一个npm包,它可以自动安装一个包的对等依赖。
4. babel-eslint:babel-eslint是一个可以让EsLint使用Babel解析器的插件。
5. eslint-config-prettier:eslint-config-prettier是一个用于关闭不必要的或与Prettier冲突的EsLint规则的配置。
6. eslint-plugin-import:eslint-plugin-import是一个EsLint插件,它可以检查import语句的正确性。
以上就是从给定文件信息中提取出的相关知识点。希望这些信息对你有所帮助。
点击了解资源详情
点击了解资源详情
点击了解资源详情
2021-04-03 上传
2021-05-16 上传
2021-05-09 上传
2021-05-11 上传
2021-03-17 上传
2021-03-16 上传
易烊千玺的小朋友
- 粉丝: 41
- 资源: 4516