首页 开发技术 其它     /    react-next-boilerplate:使用NextJS,TypeScript,样式化组件和PWA支持的React高级样板-源码

react-next-boilerplate:使用NextJS,TypeScript,样式化组件和PWA支持的React高级样板-源码

上传者: weixin_42133918 | 上传时间:2023/9/4 12:37:17 | 文件大小:299KB | 文件类型:ZIP
react-next-boilerplate:使用NextJS,TypeScript,样式化组件和PWA支持的React高级样板-源码
React下一个样板里面有什么?支持以使自动化组件创建结构,看到更多的细节依存关系节点js=>v10启动并运行安装依赖项yarn(ornpmi)运行yarndev(ornpmdev)以运行下一个开发服务器(它将在http://localhost:3000运行yarnstorybook来运行storybook开发服务器(它将在http://localhost:6006)运行yarngenerate[ComponentName]以自动创建一个新的组件结构(结果将在src/components/[ComponentName])可用脚本yarn

文件下载

资源详情

[{"title":"(38个子文件299KB)react-next-boilerplate:使用NextJS,TypeScript,样式化组件和PWA支持的React高级样板-源码","children":[{"title":"react-next-boilerplate-master","children":[{"title":".eslintrc.json <span style='color:#111;'>834B</span>","children":null,"spread":false},{"title":".github","children":[{"title":"dependabot.yml <span style='color:#111;'>107B</span>","children":null,"spread":false},{"title":"workflows","children":[{"title":"ci.yml <span style='color:#111;'>451B</span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"public","children":[{"title":"manifest.json <span style='color:#111;'>493B</span>","children":null,"spread":false},{"title":"img","children":[{"title":"hero-illustration.svg <span style='color:#111;'>12.32KB</span>","children":null,"spread":false},{"title":"logo.svg <span style='color:#111;'>6.95KB</span>","children":null,"spread":false},{"title":"icon-512.png <span style='color:#111;'>34.65KB</span>","children":null,"spread":false},{"title":"icon-192.png <span style='color:#111;'>8.48KB</span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"yarn.lock <span style='color:#111;'>610.32KB</span>","children":null,"spread":false},{"title":"next-env.d.ts <span style='color:#111;'>75B</span>","children":null,"spread":false},{"title":"generators","children":[{"title":"plopfile.js <span style='color:#111;'>871B</span>","children":null,"spread":false},{"title":"templates","children":[{"title":"Component.tsx.hbs <span style='color:#111;'>171B</span>","children":null,"spread":false},{"title":"test.tsx.hbs <span style='color:#111;'>393B</span>","children":null,"spread":false},{"title":"stories.tsx.hbs <span style='color:#111;'>247B</span>","children":null,"spread":false},{"title":"styles.ts.hbs <span style='color:#111;'>79B</span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"next.config.js <span style='color:#111;'>237B</span>","children":null,"spread":false},{"title":"src","children":[{"title":"pages","children":[{"title":"index.tsx <span style='color:#111;'>89B</span>","children":null,"spread":false},{"title":"_document.tsx <span style='color:#111;'>974B</span>","children":null,"spread":false},{"title":"_app.tsx <span style='color:#111;'>698B</span>","children":null,"spread":false}],"spread":true},{"title":"styles","children":[{"title":"global.ts <span style='color:#111;'>432B</span>","children":null,"spread":false}],"spread":true},{"title":"components","children":[{"title":"Main","children":[{"title":"index.tsx <span style='color:#111;'>492B</span>","children":null,"spread":false},{"title":"stories.tsx <span style='color:#111;'>186B</span>","children":null,"spread":false},{"title":"styles.ts <span style='color:#111;'>587B</span>","children":null,"spread":false},{"title":"test.tsx <span style='color:#111;'>363B</span>","children":null,"spread":false},{"title":"__snapshots__","children":[{"title":"test.tsx.snap <span style='color:#111;'>1.20KB</span>","children":null,"spread":false}],"spread":false}],"spread":true}],"spread":true}],"spread":true},{"title":".babelrc <span style='color:#111;'>407B</span>","children":null,"spread":false},{"title":".vscode","children":[{"title":"settings.json <span style='color:#111;'>105B</span>","children":null,"spread":false}],"spread":true},{"title":".jest","children":[{"title":"setup.ts <span style='color:#111;'>67B</span>","children":null,"spread":false}],"spread":true},{"title":".storybook","children":[{"title":"main.js <span style='color:#111;'>223B</span>","children":null,"spread":false},{"title":"preview.js <span style='color:#111;'>227B</span>","children":null,"spread":false}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'>554B</span>","children":null,"spread":false},{"title":"jest.config.js <span style='color:#111;'>249B</span>","children":null,"spread":false},{"title":".prettierrc <span style='color:#111;'>70B</span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'>1.98KB</span>","children":null,"spread":false},{"title":".editorconfig <span style='color:#111;'>147B</span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'>431B</span>","children":null,"spread":false},{"title":".eslintignore <span style='color:#111;'>19B</span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'>1.74KB</span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

【好快吧下载】的资源来自网友分享,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,【好快吧下载】 无法对用户传输的作品、信息、内容的权属或合法性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论 【好快吧下载】 经营者是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。
本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二条之规定,若资源存在侵权或相关问题请联系本站客服人员,8686821#qq.com,请把#换成@,本站将给予最大的支持与配合,做到及时反馈和处理。关于更多版权及免责申明参见 版权及免责申明