React TDD项目实践:打造sundaes-app的全过程

需积分: 5 0 下载量 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语句的正确性。 以上就是从给定文件信息中提取出的相关知识点。希望这些信息对你有所帮助。