React Movies Hooks教学项目
react-movies-hooks 的项目结构清晰,用Create React App
搭起来的,适合刚入门 React 的你玩一玩。支持Hooks
写法,代码风格比较现代,逻辑也挺清爽,适合做组件拆分和状态管理的练习。
项目里有现成的yarn start
开发命令,直接跑就行。响应也快,调试时会自动刷新页面,还能提示你 Lint 报错,适合边写边学。
如果你想走测试路线,它也考虑到了。用yarn test
可以启动交互式测试运行器。虽然测试用例不多,但搭建好了,自己补上就行。
项目支持一键打包部署,用yarn build
就能把应用编译到build
文件夹,代码还带了 hash 名,放 CDN 也方便。
需要深度定制的话,也可以yarn eject
,把内部配置(像webpack
、Babel
之类)都抛出来。注意哦,这是单向的,eject 了就不能回头。
想系统了解的话,可以看看这些相关文章,像React Hooks 的入门指南和Create React App 的应用案例都还不错。
如果你是 React 新手,刚学完 Hooks,想找个项目练练手,react-movies-hooks 挺合适的。也别怕试错,整个项目够轻量,改起来没负担。
215.43KB
文件大小:
评论区