js-cra-starter React项目

用 CRA 起项目总是那一套?试试 js-cra-starter,是 Infinum 团队整的一个小巧好用的脚手架,直接 npx @infinumjs/cra-starter 就能跑起来。

TypeScriptStorybookjsonapi这些常用模块一键支持,你只要带上参数,比如--jsonapi-s,就能快速定制项目结构,挺省事儿的。

它的结构借鉴了 Infinum 自己的 libsfolder 方案,目录分得比较清楚,比如modules放业务模块,lib搞公共方法,代码好维护也好扩展。新项目拿它打底,再叠你自己的配置挺顺手。

UI 组件走的也是比较现代的套路,推荐配合他们的UI 模块模板用,用TypeScript + Storybook开发组件,接口文档和测试都齐全。

如果你习惯先搭个基础架构再迭代功能,这套启动器确实省不少事,响应也快,配套生态也还不错。如果想自定义 Webpack,或者用 Next.js,也可以看看next-typescript-storybook这样的方案。

小提醒:模块名要写全,比如npx @infinumjs/cra-starter my-module --jsonapi --storybook,参数顺序别搞错。

zip
js-cra-starter-master.zip 预估大小:81个文件
folder
js-cra-starter-master 文件夹
file
.gitignore 23B
file
package.json 1KB
file
LICENSE 1KB
file
index.js 808B
file
create.js 3KB
folder
sample-project 文件夹
file
.eslintrc.json 641B
file
.gitignore 318B
file
package.json 2KB
file
package-lock.json 639KB
folder
src 文件夹
folder
components 文件夹
file
Footer.tsx 296B
file
Footer.stories.tsx 184B
file
Footer.test.tsx 261B
file
react-app-env.d.ts 40B
folder
services 文件夹
folder
.gitkeep 文件夹
folder
assets 文件夹
file
logo.svg 3KB
folder
interfaces 文件夹
file
IDictionary.ts 62B
folder
enums 文件夹
folder
.gitkeep 文件夹
folder
utils 文件夹
file
network.ts 684B
file
apify.ts 1KB
folder
containers 文件夹
file
App.test.tsx 252B
file
App.tsx 2KB
folder
state 文件夹
file
AppData.ts 195B
folder
models 文件夹
file
User.ts 186B
file
index.ts 118B
file
index.ts 147B
file
index.css 366B
folder
styles 文件夹
folder
.gitkeep 文件夹
folder
consts 文件夹
file
colors.ts 82B
file
index.tsx 521B
file
serviceWorker.ts 5KB
folder
public 文件夹
file
robots.txt 57B
file
logo192.png 5KB
file
index.html 2KB
file
favicon.ico 4KB
file
manifest.json 494B
file
logo512.png 9KB
file
tsconfig.json 520B
file
.env 13B
file
README.md 2KB
folder
.storybook 文件夹
file
addons.js 173B
file
webpack.config.js 305B
file
config.js 458B
file
tsconfig.storybook.json 103B
file
.prettierrc 100B
file
README.md 865B
file
actions.js 2KB
folder
base 文件夹
folder
code 文件夹
file
.eslintrc.json 641B
folder
src 文件夹
folder
components 文件夹
file
Footer.tsx 258B
file
Footer.test.tsx 785B
folder
services 文件夹
folder
.gitkeep 文件夹
folder
interfaces 文件夹
file
IDictionary.ts 62B
folder
enums 文件夹
folder
.gitkeep 文件夹
folder
utils 文件夹
folder
.gitkeep 文件夹
folder
containers 文件夹
file
App.test.tsx 252B
file
App.tsx 2KB
folder
state 文件夹
file
AppData.ts 146B
folder
models 文件夹
file
User.ts 137B
file
index.ts 118B
file
index.ts 147B
folder
styles 文件夹
folder
.gitkeep 文件夹
folder
consts 文件夹
file
colors.ts 82B
file
index.tsx 472B
file
.env 13B
file
README.md 2KB
file
.prettierrc 100B
file
meta.json 1KB
file
.npmignore 37B
folder
modules 文件夹
folder
storybook 文件夹
folder
code 文件夹
folder
src 文件夹
folder
components 文件夹
file
Footer.stories.tsx 187B
folder
.storybook 文件夹
file
addons.js 173B
file
webpack.config.js 305B
file
config.js 458B
file
tsconfig.storybook.json 103B
file
meta.json 955B
folder
jsonapi 文件夹
folder
code 文件夹
folder
utils 文件夹
file
network.ts 680B
file
apify.ts 1KB
folder
state 文件夹
file
AppData.ts 195B
folder
models 文件夹
file
User.ts 186B
file
index.tsx 521B
file
meta.json 237B
file
.prettierrc 100B
file
yarn.lock 20KB
...
zip 文件大小:234.76KB