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
                                
                                
                                
                            
评论区