ZTM React GraphQL 2021起步模板项目

Create React App 的起步项目,ZTM React GraphQL 2021,对刚上手 React + GraphQL 的小伙伴挺友好的。目录结构清晰,功能上手快,适合当练手模板用。

yarn start一跑,直接开启开发模式。打开浏览器,页面自动刷新,改了代码能立马看到效果,响应也快,体验还不错。

如果你想搞点测试,yarn test就能跑交互式测试,适合练测试写法。再来个yarn build,生成的代码能直接部署,文件自动压缩,连哈希都帮你加好了。

不过要注意,yarn eject是个单程票,一旦执行你就得自己维护 webpack、babel 这些配置了。新手慎点,老司机用起来倒是挺灵活的。

顺手推荐几篇相关的干货文章,像graphql-react-typescript这种就挺适合搭配着用,实战性强。

如果你是用 TypeScript 写 React 组件,可以看看TypeScript Practice Guide with ZtM,讲得蛮细的。

另外,测试工具和 CRA 搭建流程这篇React Yarn 快速搭建与测试工具也别错过,流程清晰,适合小项目快速起步。

如果你不喜欢 CRA 封装太重,想自己配置 webpack,也可以直接参考CreateReactApp with TypeScript,思路更开阔。

zip
crwn-clothing-master.zip 预估大小:21个文件
folder
crwn-clothing-master 文件夹
file
package.json 862B
file
package-lock.json 596KB
folder
src 文件夹
folder
App.css 文件夹
file
index.js 220B
file
reportWebVitals.js 362B
file
logo.svg 3KB
file
App.test.js 246B
file
setupTests.js 241B
folder
components 文件夹
file
homepage.component.jsx 1KB
file
App.js 200B
folder
styles 文件夹
file
homepage.styles.scss 866B
file
index.css 366B
file
.gitignore 310B
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 4KB
file
README.md 3KB
file
yarn.lock 496KB
zip 文件大小:371.91KB