【文件属性】:
文件名称:user_list
文件大小:1.59MB
文件格式:ZIP
更新时间:2021-03-16 19:07:06
TypeScript
user_list
该项目是通过引导的。
安装应用程序依赖项
cd进入users-app npm i
可用脚本
在users-app目录中,可以运行:
npm开始
npm测试(或npm测试---coverage)将在以下提交中添加更多测试!
观看次数
主视图
主视图呈现一个用户卡网格,一个去抖动的名字和姓氏(1s)过滤器以及一个可转到设置页面的选项。
从 thorugh react-query批次(50)中获取数据。
在我们到达目录末尾(1000个用户)之前,始终会预取接下来的50个用户数据。
通过单击用户卡上的信息按钮,每个用户都可以使用更多详细信息模式窗口。
在名称过滤器处于活动状态时,将停止数据获取/预取,因此仅对获取的数据进行搜索。
设定检视
默认情况下,所有17个国籍都处于启用状态(未选择国籍过滤器时)。
为了按国籍缩小用户范围,可以选择“ CH”,“ ES”,“
【文件预览】:
user_list-main
----.gitignore(2KB)
----users-app()
--------.eslintrc.json(2KB)
--------.gitignore(310B)
--------package.json(2KB)
--------package-lock.json(689KB)
--------src()
--------public()
--------tsconfig.json(561B)
--------.prettierrc.json(137B)
----screenshots()
--------details.PNG(486KB)
--------selectNat.PNG(33KB)
--------mainView.PNG(737KB)
--------nameFilter.PNG(200KB)
----README.md(2KB)
----.vscode()
--------settings.json(207B)