旧事重提 - 大家创建一个新的正式项目，是用 create-react-app， eject 后改改配置还是自己搭，或者有更好的 boilerplate 推荐使用？

[yazoox]

刚才搜索了一下，貌似有个 2017 的帖子讲这个。前端变化快，大家都知道。

现在 2020 年了，如果创建一个正式项目，前端，还是 react & typescript，更复杂点比如再加上（ redux/saga/mobx，等等）。

大家是用 facebook 的 create-react-app，然后npm run eject，还是自己搭配呢？或者，有没有比较好的 boilerplate 推荐一下？

谢谢！

另，祝大家五一节目快乐！

p.s. 本人自己用 create-react-app 试过，eject 后，感觉好"繁杂"...... p.s. 好痛苦......

[fancy2020]

同样被这个问题困扰过，后来自己弄了个精简版的 boilerplate 项目:
https://github.com/fanchangyong/react-express-starter-kit

[yuang]

建议不要 eject，eject 出来的配置太过复杂，改的头大，还不如重新用 webpack 搞

[FreMaNgo]

用 cra + react-app-rewired + customize-cra

[randyo]

eject

[Hanggi]

ng new app

[lichenshuai12138]

@Hanggi hhhh

[well]

脚手架：react-boilerplate
git clone --depth=1 github.com/react-boilerplate/react-boilerplate.git

[hantsy]

react & typescript 还是用 CRA 生成 TS 项目。

添加 ESLINT，Prettier 支持。https://dev.to/robertcoopercode/using-eslint-and-prettier-in-a-typescript-project-53jb

不过，话说回来，TS 和 React 一起用感觉完全不如 Angular 中那么舒服。React 一直在改进 Hooks，但其重心一直是 Function，而不是 OOP 编程体验。对于 OOP 写法，在 React 中一直不受待见，作用 TS 唯一借用 TS 的 Strong Type 代替 Flow 类型检测而已。

[hantsy]

不知道 React Create APP 有没有类似 Angular semantics 的机制，就我试用 RCA 的体验，感觉 RCA 出来的项目，添加其它配置也是比较麻烦的。

[ccraohng]

umijs

[lqzhgood]

CRA 好难受~~ eject 一时爽 后面更难受……

[woniuppp]

umi

[uxstone]

参考 CRA 中的 react-scripts 和 templates，自己定制两个 npm 包
以后项目更新也只要修改版本号就行了

原则上就是不要暴露太多与业务无关的脚手架配置，能隐藏到依赖中的尽量隐藏。

[tyrealgray]

没事不要 eject，Facebook 给你维护后续各种工具不好吗？

[xuanbg]

搞个模板项目，然后都是复制粘贴改一改……

[liuzhaowei55]

用阿里的 umi 最近更新了 3.0 新版本，相比以前配置简化了不少

[VDimos]

CRA eject 这个体验真的糟糕，不知道为什么 react 官方推荐这个方式，相当糟心

[randyo]

不 eject 的话该配置简直不知道有多麻烦，各种报错，还得 eject 出来后才知道怎么改才不报错。说白了就是各种难改，vue-cli 好改多了

[lihongming]

umijs+1

虽然可能是 KPI 产物，但真的省事

[vone]

试试 parcel?