React迷你游戏项目React功能练习
React 的迷你游戏项目，挺适合拿来练手的。用了两款小游戏来测试和演练 React 的各种功能，玩法也简单，一个是老虎机抽到 777，一个是点“痣”小游戏。代码不复杂，适合刚学完 Hooks 的同学巩固一下用法。
速度测试游戏的实现方式也蛮有意思：Lucky Seven用的是useCallback和useState组合，而Catch Mole这块主要靠useReducer和ContextAPI来做全局状态管理。响应还挺快，交互也顺畅。
用了HashRouter搞了个 SPA，四页切换不重载，体验还不错。Webpack 那块也得比较干净，babel-loader、preset-env这些都配好了，能直接跑。源码都打包进dist/app.js，不乱。
项目比较适合：刚学完 React 想做点小项目练手的你；想多用几种Hooks方式写交互的你；还有想了解ContextAPI怎么配useReducer用的你。要注意的是目标浏览器设置成了韩国市场为主，兼容 10%以上用户，和你本地的设定略有差异。
想再深入点？你可以看看这些相关文章，比如：用 Hooks 写番茄钟，ContextAPI 练习，都挺实用的。
如果你正卡在useReducer和Context不太明白怎么配合，可以重点看看Catch Mole那块代码，逻辑清晰，挺适合模仿学习的。
文件大小：390.75KB
评论区