【文件属性】:
文件名称:React_Basic_Project:迷你游戏项目练习React功能
文件大小:391KB
文件格式:ZIP
更新时间:2021-05-01 19:44:51
JavaScript
React速度测试游戏
目的
两种游戏实现来测试React速度
在学习React时练习所学的各种技能
预习
桌面尺寸
手机尺寸
细节
两款游戏和手册页可测试React速度
幸运七:将*变成7 7 7的游戏
抓住痣:捉住漂浮在随机位置的痣的游戏
使用webpack进行模块捆绑
将所有jsx源捆绑到dist文件夹中的app.js中
在babel-loader上应用杠铃
使用Babel编译源代码
在预设环境中,韩国的浏览器目标设置为10%或更高。
设置为适用于具有预设React的React
使用各种方法来实践React的尽可能多的功能。
使用Hooks组织大多数代码
幸运七号主要使用useCallback函数和useState
Reducer和ContextAPI主要在CatchMole中使用。
通过路由到HashRouter将4页实现为SPA(单页应用程序) HashRoute
【文件预览】:
React_Basic_Project-main
----.gitignore(13B)
----package.json(1KB)
----package-lock.json(231KB)
----src()
--------CatchMole()
--------LuckySeven()
--------GameMatcher.jsx(435B)
--------Games.jsx(803B)
--------Manual.jsx(1KB)
----webpack.config.js(977B)
----dist()
--------app.js(301KB)
----README.md(4KB)
----style.css(5KB)
----index.html(723B)
----.vscode()
--------settings.json(36B)
----Client.jsx(155B)