react-ts-atomicdesign-boilerplate:[WIP]用于在TypeScript中使用React进行前端开发的样板-源码

上传者: 42099815 | 上传时间: 2021-02-04 13:11:28 | 文件大小: 245KB | 文件类型: ZIP
ReactTypeScript AtomicDesign样板 这是使用TypeScript在React中进行前端开发的样板。 它使用基于AtomicDesign的组件设计模式,将Webpack用于bandler,将样式组件用于CSS。 现场演示 故事书 建立 Webpack-dev-server将启动,并在浏览器中打开 。 $ yarn install $ yarn start UI组件浏览 将启动Storybook,并在浏览器中打开 。 $ yarn storybook $ yarn build-storybook # build command CLI工具 创建组件 使用一个命令创建

文件下载

资源详情

[{"title":"( 88 个子文件 245KB ) react-ts-atomicdesign-boilerplate:[WIP]用于在TypeScript中使用React进行前端开发的样板-源码","children":[{"title":"react-ts-atomicdesign-boilerplate-main","children":[{"title":".eslintrc <span style='color:#111;'> 791B </span>","children":null,"spread":false},{"title":".storybook","children":[{"title":"main.ts <span style='color:#111;'> 182B </span>","children":null,"spread":false},{"title":"preview.tsx <span style='color:#111;'> 554B </span>","children":null,"spread":false}],"spread":true},{"title":"package.json <span style='color:#111;'> 2.23KB </span>","children":null,"spread":false},{"title":"tools","children":[{"title":"create-component.js <span style='color:#111;'> 1.46KB </span>","children":null,"spread":false},{"title":"componentTemplates","children":[{"title":"Story.tsx <span style='color:#111;'> 515B </span>","children":null,"spread":false},{"title":"Component.tsx <span style='color:#111;'> 340B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 41B </span>","children":null,"spread":false},{"title":"Spec.tsx <span style='color:#111;'> 289B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":".github","children":[{"title":"workflows","children":[{"title":"gh-pages.yaml <span style='color:#111;'> 807B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"LICENSE <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"images","children":[{"title":"icons","children":[{"title":"fire.svg <span style='color:#111;'> 1016B </span>","children":null,"spread":false},{"title":"anime.svg <span style='color:#111;'> 2.21KB </span>","children":null,"spread":false},{"title":"music.svg <span style='color:#111;'> 1.94KB </span>","children":null,"spread":false},{"title":"animal.svg <span style='color:#111;'> 3.31KB </span>","children":null,"spread":false},{"title":"science.svg <span style='color:#111;'> 2.46KB </span>","children":null,"spread":false},{"title":"all.svg <span style='color:#111;'> 667B </span>","children":null,"spread":false},{"title":"cross.svg <span style='color:#111;'> 933B </span>","children":null,"spread":false},{"title":"user.svg <span style='color:#111;'> 1.52KB </span>","children":null,"spread":false},{"title":"circle.svg <span style='color:#111;'> 825B </span>","children":null,"spread":false}],"spread":true},{"title":"favicon","children":[{"title":"favicon.ico <span style='color:#111;'> 15.04KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"index.html <span style='color:#111;'> 312B </span>","children":null,"spread":false},{"title":"index.tsx <span style='color:#111;'> 971B </span>","children":null,"spread":false},{"title":"components","children":[{"title":"atoms","children":[{"title":"Typography","children":[{"title":"Typography.tsx <span style='color:#111;'> 545B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 43B </span>","children":null,"spread":false},{"title":"Typography.stories.tsx <span style='color:#111;'> 2.33KB </span>","children":null,"spread":false}],"spread":true},{"title":"Button","children":[{"title":"Button.tsx <span style='color:#111;'> 420B </span>","children":null,"spread":false},{"title":"Button.stories.tsx <span style='color:#111;'> 1.59KB </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 35B </span>","children":null,"spread":false}],"spread":false},{"title":"Tooltip","children":[{"title":"Tooltip.tsx <span style='color:#111;'> 575B </span>","children":null,"spread":false},{"title":"Tooltip.stories.tsx <span style='color:#111;'> 457B </span>","children":null,"spread":false},{"title":"Tooltip.spec.tsx <span style='color:#111;'> 289B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 37B </span>","children":null,"spread":false}],"spread":false},{"title":"Spacer","children":[{"title":"Spacer.tsx <span style='color:#111;'> 492B </span>","children":null,"spread":false},{"title":"Spacer.stories.tsx <span style='color:#111;'> 1.05KB </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 35B </span>","children":null,"spread":false}],"spread":false},{"title":"Icon","children":[{"title":"Icon.spec.tsx <span style='color:#111;'> 289B </span>","children":null,"spread":false},{"title":"Icon.tsx <span style='color:#111;'> 1.87KB </span>","children":null,"spread":false},{"title":"Icon.stories.tsx <span style='color:#111;'> 1.53KB </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 31B </span>","children":null,"spread":false}],"spread":false},{"title":"Loading","children":[{"title":"Loading.stories.tsx <span style='color:#111;'> 1.36KB </span>","children":null,"spread":false},{"title":"Loading.tsx <span style='color:#111;'> 2.23KB </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 37B </span>","children":null,"spread":false}],"spread":false},{"title":"index.ts <span style='color:#111;'> 218B </span>","children":null,"spread":false}],"spread":true},{"title":"organisms","children":[{"title":"index.ts <span style='color:#111;'> 0B </span>","children":null,"spread":false}],"spread":true},{"title":"pages","children":[{"title":"Home","children":[{"title":"index.ts <span style='color:#111;'> 31B </span>","children":null,"spread":false},{"title":"Home.tsx <span style='color:#111;'> 6.90KB </span>","children":null,"spread":false}],"spread":false},{"title":"index.ts <span style='color:#111;'> 31B </span>","children":null,"spread":false}],"spread":false},{"title":"utils","children":[{"title":"ThemeProvider.tsx <span style='color:#111;'> 1.71KB </span>","children":null,"spread":false},{"title":"GlobalStyle.tsx <span style='color:#111;'> 616B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 94B </span>","children":null,"spread":false}],"spread":false},{"title":"molecules","children":[{"title":"Header","children":[{"title":"Header.spec.tsx <span style='color:#111;'> 289B </span>","children":null,"spread":false},{"title":"Header.tsx <span style='color:#111;'> 604B </span>","children":null,"spread":false},{"title":"Header.stories.tsx <span style='color:#111;'> 1.55KB </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 35B </span>","children":null,"spread":false}],"spread":false},{"title":"Footer","children":[{"title":"Footer.spec.tsx <span style='color:#111;'> 289B </span>","children":null,"spread":false},{"title":"Footer.stories.tsx <span style='color:#111;'> 344B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 35B </span>","children":null,"spread":false},{"title":"Footer.tsx <span style='color:#111;'> 557B </span>","children":null,"spread":false}],"spread":false},{"title":"ForkMe","children":[{"title":"ForkMe.stories.tsx <span style='color:#111;'> 358B </span>","children":null,"spread":false},{"title":"ForkMe.tsx <span style='color:#111;'> 1.52KB </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 35B </span>","children":null,"spread":false}],"spread":false},{"title":"DifficultyChip","children":[{"title":"DifficultyChip.tsx <span style='color:#111;'> 1.07KB </span>","children":null,"spread":false},{"title":"DifficultyChip.stories.tsx <span style='color:#111;'> 582B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 51B </span>","children":null,"spread":false},{"title":"DifficultyChip.spec.tsx <span style='color:#111;'> 289B </span>","children":null,"spread":false}],"spread":false},{"title":"ChoiceAnswerButton","children":[{"title":"ChoiceAnswerButton.spec.tsx <span style='color:#111;'> 316B </span>","children":null,"spread":false},{"title":"ChoiceAnswerButton.tsx <span style='color:#111;'> 1.08KB </span>","children":null,"spread":false},{"title":"ChoiceAnswerButton.stories.tsx <span style='color:#111;'> 838B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 59B </span>","children":null,"spread":false}],"spread":false},{"title":"index.ts <span style='color:#111;'> 215B </span>","children":null,"spread":false}],"spread":false}],"spread":true},{"title":"types","children":[{"title":"createPalette.d.ts <span style='color:#111;'> 628B </span>","children":null,"spread":false},{"title":"styled-components.d.ts <span style='color:#111;'> 228B </span>","children":null,"spread":false}],"spread":true},{"title":"utils","children":[{"title":"buildReplyToAnswer.ts <span style='color:#111;'> 497B </span>","children":null,"spread":false},{"title":"getRandomItem.ts <span style='color:#111;'> 182B </span>","children":null,"spread":false},{"title":"http.ts <span style='color:#111;'> 495B </span>","children":null,"spread":false},{"title":"index.ts <span style='color:#111;'> 138B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"tsconfig.json <span style='color:#111;'> 621B </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 1.61KB </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1.48KB </span>","children":null,"spread":false},{"title":"yarn.lock <span style='color:#111;'> 489.38KB </span>","children":null,"spread":false},{"title":".eslintignore <span style='color:#111;'> 29B </span>","children":null,"spread":false},{"title":"webpack","children":[{"title":"webpack.prod.js <span style='color:#111;'> 459B </span>","children":null,"spread":false},{"title":"webpack.common.js <span style='color:#111;'> 1.88KB </span>","children":null,"spread":false},{"title":"webpack.dev.js <span style='color:#111;'> 462B </span>","children":null,"spread":false}],"spread":true},{"title":"babel.config.js <span style='color:#111;'> 500B </span>","children":null,"spread":false},{"title":".vscode","children":[{"title":"settings.json <span style='color:#111;'> 197B </span>","children":null,"spread":false},{"title":"extensions.json <span style='color:#111;'> 52B </span>","children":null,"spread":false}],"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

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