文件名称:产品列表
文件大小:512KB
文件格式:ZIP
更新时间:2024-03-01 22:14:48
TypeScript
电子商务产品清单 所需功能: 产品数据从/resources/productlist.json之类的JSON中提取。 产品以适用于移动设备,平板电脑和台式机的响应式多列布局显示。 产品图片应相应缩放。 产品列表由一些基本布局包裹。 您将提供一些方法来按品牌和类型过滤产品列表。 技术限制: React版本17,react-redux,node-sass,样式化组件,打字稿 奖励积分: 您将提供一些方法来对产品列表进行排序。 您将添加某种分页/加载更多功能。 您将使用Jest为JavaScript代码编写一些基本测试。 您创建简单的GraphQL服务器以获取产品 可用脚本 在项目目录中,可以运行: yarn start 在开发模式下运行应用程序。 打开在浏览器中查看。 如果进行编辑,页面将重新加载。 您还将在控制台中看到任何棉绒错误。 yarn build 构建生产到
【文件预览】:
product_list-main
----public()
--------manifest.json(492B)
--------index.html(2KB)
--------robots.txt(67B)
--------favicon.ico(4KB)
--------logo512.png(9KB)
--------product_list.json(12KB)
--------flaconi-logo.svg(8KB)
--------logo192.png(5KB)
----yarn.lock(532KB)
----.eslintrc.js(1KB)
----src()
--------redux()
--------index.tsx(628B)
--------utils()
--------logo.svg(3KB)
--------index.css(775B)
--------components()
--------types()
--------fonts()
--------reportWebVitals.js(406B)
--------App.test.js(252B)
--------setupTests.js(241B)
--------App.css(0B)
--------App.tsx(298B)
--------react-app-env.d.ts(40B)
----.vscode()
--------settings.json(34B)
----Dockerfile(198B)
----tsconfig.json(728B)
----.prettierrc(148B)
----README.md(2KB)
----docker-compose.yml(279B)
----.gitignore(310B)
----package.json(2KB)