动漫轮盘React动画抽奖效果
动漫风格的抽奖轮盘,做成网页效果还挺有意思。项目用的是 Create React App 起步,省去了你折腾 Webpack 配置的麻烦,跑起来也比较快。直接在项目根目录 yarn start
,浏览器自动打开,改个代码页面就热更新,开发体验还不错。
结构清晰,组件也不复杂,适合当个入门练手项目。如果你刚接触 React,想做点带交互的效果,这个项目还挺合适的。
打包也简单,用 yarn build
就能搞定,生成的文件会放在 build
文件夹里,拿来部署也方便。要注意的是,别轻易 yarn eject
,这个命令一跑就回不了头了,除非你对配置熟,不然还是别动它。
相关的构建原理你可以去看看这些文章:React App Development and Build Commands、webpack-react:配置 React 的 Webpack,对理解背后的东西挺有。
,想做个小玩意练手,或者想快速搞个上线的小项目,这个轮盘项目算是个不错的选择。如果你对动画、抽奖、前端交互感兴趣,可以玩一玩。
515.9KB
文件大小:
评论区