生日提醒React实战项目
黑白配色的生日提醒小项目,结构清晰,功能也不复杂,适合用来练手 React。用的是Create React App搭的底子,所以你只要npm start
一下,页面就能直接跑起来,响应也挺快的。
项目的脚本命令也都帮你配好了,像npm test
用来跑测试,npm run build
用来打包上线,开发体验还是挺顺的。代码改了之后页面会自动刷新,连 console 里报错都提示得比较清楚,蛮适合前期调试。
如果你折腾惯了 webpack、Babel,想自己改配置,也可以用npm run eject
。不过这个命令是一条不归路,执行完就撤不回了,得慎重点,是项目还没稳定的时候。
整体来说,这个项目比较适合拿来作为 React 入门的实战练习。你可以加点功能,比如生日排序、提醒推送之类的,顺手也能练下状态管理。相关的 React 资源我也帮你挑了几个,感兴趣可以点进去看看:
- npm run eject 配置
- React App Initialization with Create React App
- 探索 Create React App
- 使用 create-react-app 入门 React
- realworld-react-Create-React-App-入门
- react-tutorial Create React App 入门
如果你刚好想练练 React,又不想自己搭环境,可以直接拿它来改着玩。
Birthday-Reminder-master.zip
预估大小:15个文件
Birthday-Reminder-master
文件夹
public
文件夹
manifest.json
492B
index.html
2KB
robots.txt
67B
favicon.ico
4KB
logo512.png
9KB
logo192.png
5KB
src
文件夹
index.css
4KB
357.24KB
文件大小:
评论区