ReactJS新特性钩子示例项目

React 的新特性的钩子示例项目,挺适合平时想练手或者想搞清楚钩子到底咋回事的你。npm start一跑,立马进开发模式,编辑一下就能看到热更新,体验还蛮丝滑的。项目结构清晰,也不花里胡哨,适合直接上手练练手。

项目自带了npm testnpm run build这些常规脚本,测试和构建都能一键完成。想上线部署也不麻烦,构建出来的文件已经帮你压缩优化好了,连哈希值都加上了,版本管理也方便。

比较有意思的是npm run eject这个操作,算是给进阶玩家准备的。如果你不满足于脚手架的默认配置,想自己调 Webpack、Babel 这些,那就可以考虑 eject 一下。不过注意啊,一旦执行,不能反悔,得慎重。

钩子的部分用起来也不难,比如useState管理状态,useEffect副作用,useRef搞定引用,配合项目中的示例,挺容易上手。你也可以看看下面这些扩展资源,比如番茄钟项目或通用钩子库,灵感和技巧都有。

如果你刚好在学 React,或者在找个干净利落的项目来练钩子,reactjs_new_features这个项目还挺合适的。上手快,文档清楚,适合用来写 demo 或搞点实际功能验证。

zip
reactjs_new_features-master.zip 预估大小:40个文件
folder
reactjs_new_features-master 文件夹
file
package.json 1KB
file
package-lock.json 611KB
folder
src 文件夹
folder
reducers 文件夹
file
todos.js 2KB
file
notes.js 452B
file
App.css 564B
file
index.js 503B
file
logo.svg 3KB
file
serviceWorker.js 5KB
file
styles.css 60B
file
App.test.js 280B
file
setupTests.js 255B
folder
generated 文件夹
file
styles.css 1.8MB
folder
components 文件夹
file
MyNotList.js 411B
file
MyNoteForm.js 2KB
file
MyNote.js 535B
file
NoteForm.js 1KB
file
NotesApp.js 1KB
file
MyNotesApp.js 997B
file
HackerNews.js 3KB
file
TodosApp.js 1KB
file
Note.js 362B
file
Header.js 2KB
file
Home.js 160B
file
TodosForm.js 2KB
file
TodosList.js 2KB
file
App.js 446B
folder
context 文件夹
file
todos-context.js 116B
file
notes-context.js 105B
folder
router 文件夹
file
Menu.js 856B
file
index.css 366B
file
db.json 384B
file
.gitignore 310B
file
tailwind.config.js 17KB
folder
public 文件夹
file
logo192.png 5KB
file
manifest.json 492B
file
robots.txt 67B
file
index.html 2KB
file
logo512.png 9KB
file
favicon.ico 3KB
file
README.md 3KB
zip 文件大小:352.64KB