文件名称:productsDrawerAndCart:具有购物车功能的产品抽屉,使用React,Typescript和Redux
文件大小:249KB
文件格式:ZIP
更新时间:2024-04-29 20:26:56
TypeScript
产品中继器和购物车 用ReactJs,Typescript和Redux实现 代码读取在VTEX上生成的测试产品的数据集,并使用找到的所有产品创建转发器。 也许将来我会实施订购,这是一个有趣的想法。 添加的产品进入购物车,购物车的主页上设有计数器,允许移除和修改数量,并带有按钮进行付款。 使用的技术 样式:使用flex的样式化组件和纯CSS 状态管理:Pure Redux,以及一个持久性库 路线:react-router-dom 使用和模板通过引导了该项目。 可用脚本 在项目目录中,可以运行: yarn start 在开发模式下运行应用程序。 打开在浏览器中查看它。 如果您进行编辑,则页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn test 在交互式监视模式下启动测试运行器。 有关更多信息,请参见关于的部分。 yarn build 构建生产到应用程序build文
【文件预览】:
productsDrawerAndCart-master
----.gitignore(310B)
----package.json(1KB)
----src()
--------Redux()
--------components()
--------Routes.tsx(981B)
--------react-app-env.d.ts(40B)
--------data()
--------types()
--------logo.svg(1KB)
--------setupTests.ts(255B)
--------App.css(65B)
--------actions()
--------index.tsx(487B)
--------App.test.tsx(383B)
--------pages()
--------serviceWorker.ts(6KB)
--------App.tsx(442B)
----public()
--------robots.txt(67B)
--------logo192.png(4KB)
--------index.html(2KB)
--------favicon.ico(4KB)
--------manifest.json(492B)
--------logo512.png(12KB)
----tsconfig.json(535B)
----.prettierrc.js(128B)
----README.md(3KB)
----.vscode()
--------launch.json(488B)
----yarn.lock(517KB)