文件名称：user_list
文件大小：1.59MB
文件格式：ZIP
更新时间：2024-04-05 12:53:46
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)