pokemon-roster口袋妖怪筛选展示工具

pokemon-roster 的界面比较清爽,主要是查口袋妖怪信息,还能按身高能力筛选,交互也挺顺滑的。嗯,用来练练React基础还挺合适,逻辑简单但功能不弱。

yarn start直接跑开发环境,改点啥,页面就会自动刷新。你能实时看到效果,调试也方便,配合浏览器的控制台看日志就行。

项目是用Create React App起手的,老熟人了,适合刚入门的朋友。像yarn buildyarn eject这些常用命令也都配好了,部署和折腾配置也不难。

功能方面没那么复杂,但过滤器设计得还不错,比如按能力过滤,查“攻击高”的怪比较方便。列表展示也是按卡片排布的,响应也快,看着还挺舒服的。

如果你正想做个练手项目,或者教人入门 React,这个项目蛮合适。代码结构清晰,没啥坑,也不会绕太多弯路。

zip
pokemon-roster-main.zip 预估大小:24个文件
folder
pokemon-roster-main 文件夹
file
.gitignore 310B
file
package.json 994B
file
package-lock.json 1.33MB
folder
src 文件夹
folder
components 文件夹
file
Card.tsx 524B
file
index.ts 47B
file
App.css 543B
file
App.test.tsx 273B
file
App.tsx 3KB
file
react-app-env.d.ts 40B
file
logo.svg 3KB
file
setupTests.ts 241B
file
index.css 366B
file
index.tsx 511B
file
reportWebVitals.ts 425B
folder
public 文件夹
file
robots.txt 67B
file
logo192.png 5KB
file
index.html 2KB
file
favicon.ico 4KB
file
manifest.json 492B
file
logo512.png 9KB
file
tsconfig.json 535B
file
README.md 2KB
folder
.vscode 文件夹
file
settings.json 799B
file
yarn.lock 470KB
zip 文件大小:500.72KB