【文件属性】：
文件名称：static-job-listings:来自https的挑战
文件大小：702KB
文件格式：ZIP
更新时间：2021-04-11 18:12:20
react redux sass css-modules vercel-serverless
前端导师-带有过滤解决方案的工作清单
这是的的解决方案。 前端导师挑战可帮助您通过构建现实的项目来提高您的编码技能。
目录
概述
挑战
用户应该能够：
根据设备的屏幕尺寸查看网站的最佳布局
查看页面上所有互动元素的悬停状态
根据类别过滤工作清单
截屏
链接
您可以在此处查看实时网站网址
我的过程
内置
React
Redux
CSS模块
移动优先的工作流程
为了使该项目更切合实际，我决定从服务器获取作业数据。 为此，我使用Vercel无服务器功能创建了自己的API。
这是我第一次使用Redux，显然我以前可以像在某些项目中一样使用Context API和钩子，但是我想熟悉这个库和与其相关的术语。
最具挑战性的部分是基于多个条件进行过滤。 我在mapStateToProps方法中使用Array.filter（）和Array.every（）实现了这一点，我认为它看起来很简短：)
【文件预览】：
static-job-listings-main
----.eslintrc(246B)
----public()
--------manifest.json(492B)
--------index.html(2KB)
--------robots.txt(67B)
--------logo512.png(9KB)
--------assets()
--------favicon-32x32.png(1KB)
--------logo192.png(5KB)
----yarn.lock(535KB)
----src()
--------reducer()
--------scss()
--------components()
--------helpers()
--------assets()
--------App.js(995B)
--------setupTests.js(240B)
--------index.js(249B)
----jsconfig.json(167B)
----design()
--------mobile-design.jpg(105KB)
--------desktop-design.jpg(106KB)
--------active-states.jpg(32KB)
--------mobile-with-filters.jpg(28KB)
--------desktop-preview.jpg(49KB)
----.prettierrc(82B)
----screenshot.png(165KB)
----README.md(2KB)
----style-guide.md(547B)
----.gitignore(755B)
----package.json(1KB)