pokemon-roster口袋妖怪筛选展示工具
pokemon-roster 的界面比较清爽,主要是查口袋妖怪信息,还能按身高和能力筛选,交互也挺顺滑的。嗯,用来练练React基础还挺合适,逻辑简单但功能不弱。
yarn start直接跑开发环境,改点啥,页面就会自动刷新。你能实时看到效果,调试也方便,配合浏览器的控制台看日志就行。
项目是用Create React App起手的,老熟人了,适合刚入门的朋友。像yarn build
、yarn eject
这些常用命令也都配好了,部署和折腾配置也不难。
功能方面没那么复杂,但过滤器设计得还不错,比如按能力过滤,查“攻击高”的怪比较方便。列表展示也是按卡片排布的,响应也快,看着还挺舒服的。
如果你正想做个练手项目,或者教人入门 React,这个项目蛮合适。代码结构清晰,没啥坑,也不会绕太多弯路。
pokemon-roster-main.zip
预估大小:24个文件
pokemon-roster-main
文件夹
.gitignore
310B
package.json
994B
package-lock.json
1.33MB
src
文件夹
components
文件夹
Card.tsx
524B
index.ts
47B
App.css
543B
App.test.tsx
273B
500.72KB
文件大小:
评论区