React Confusion入门练习项目
react_confusion 的 React 课程练习,挺适合刚上手 React 的朋友练练手的。项目是用 Create React App 搭起来的,基本不用你管 Webpack 和 Babel,直接开搞。跑起来就一个yarn start
,开发环境自动热更新,改代码立马见效,响应也快。
自带的几个脚本也蛮实用,比如yarn test
可以边写边跑测试,适合配合 Jest 或者 RTL 那一套来搞。yarn build
一键打包,生成的东西已经压缩好、加了 hash,部署直接上产线也省心。
要注意,yarn eject
是个单行道,执行了就没法回头。一般不建议用,除非你真有配置癖,想自己折腾 Webpack 和 Babel。否则原封不动用 CRA 的封装也挺香的,省事。
想对底层打包逻辑有点了解的,可以去看看下面这几个资源,都是和 Webpack、Babel 结合 React 开发有关的:
- React + Webpack + Babel 教程
- React、Babel、Webpack 基础示例
- Express React Webpack Babel Setup 入门模板
- Frontend Boilerplate Webpack React Redux Babel Autoprefixer HMR 模板
- 基于 Webpack 和 Babel 的 React 开发环境搭建
如果你刚开始学 React,又不想被各种配置卡住,建议直接 clone 这个项目下来练练手,边学边改,效率还挺高。
418.36KB
文件大小:
评论区