pyymenta-marvel-spa:[WIP]使用Official Marvel API用React制作的简单SPA-源码

上传者: 42125867 | 上传时间: 2021-02-04 13:12:05 | 文件大小: 365KB | 文件类型: ZIP
奇迹API SPA 使用通过React制作的简单单页应用程序。 演示版 您可以自己尝试 建立 前提条件 纱 Marvel API KEYS(公开和私有) 首先,安装依赖项 yarn install 然后,您需要设置.env文件: 将.env-example文件重命名为.env 用您自己的private和public api密钥填充变量 在本地运行项目 yarn start 故事书 您还可以使用Storybook单独开发组件: yarn storybook 生产构建 yarn build-storybook 测验 要运行单元测试,只需运行 yarn test 应用程式建立 yarn

文件下载

资源详情

[{"title":"( 97 个子文件 365KB ) pyymenta-marvel-spa:[WIP]使用Official Marvel API用React制作的简单SPA-源码","children":[{"title":"pyymenta-marvel-spa-master","children":[{"title":".env-example <span style='color:#111;'> 244B </span>","children":null,"spread":false},{"title":".github","children":[{"title":"workflows","children":[{"title":"react.js.yml <span style='color:#111;'> 859B </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"public","children":[{"title":"manifest.json <span style='color:#111;'> 492B </span>","children":null,"spread":false},{"title":"index.html <span style='color:#111;'> 1.68KB </span>","children":null,"spread":false},{"title":"robots.txt <span style='color:#111;'> 67B </span>","children":null,"spread":false},{"title":"favicon.ico <span style='color:#111;'> 3.78KB </span>","children":null,"spread":false},{"title":"logo512.png <span style='color:#111;'> 9.44KB </span>","children":null,"spread":false},{"title":"_redirects <span style='color:#111;'> 24B </span>","children":null,"spread":false},{"title":"logo192.png <span style='color:#111;'> 5.22KB </span>","children":null,"spread":false}],"spread":true},{"title":"yarn.lock <span style='color:#111;'> 645.81KB </span>","children":null,"spread":false},{"title":"src","children":[{"title":"pages","children":[{"title":"hero","children":[{"title":"index.css <span style='color:#111;'> 519B </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 3.00KB </span>","children":null,"spread":false}],"spread":true},{"title":"home","children":[{"title":"index.css <span style='color:#111;'> 770B </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 5.73KB </span>","children":null,"spread":false}],"spread":true}],"spread":true},{"title":"services","children":[{"title":"favorite.spec.js <span style='color:#111;'> 2.49KB </span>","children":null,"spread":false},{"title":"comics.spec.js <span style='color:#111;'> 429B </span>","children":null,"spread":false},{"title":"comics.js <span style='color:#111;'> 649B </span>","children":null,"spread":false},{"title":"characters.js <span style='color:#111;'> 773B </span>","children":null,"spread":false},{"title":"characters.spec.js <span style='color:#111;'> 794B </span>","children":null,"spread":false},{"title":"favorite.js <span style='color:#111;'> 806B </span>","children":null,"spread":false}],"spread":true},{"title":"stories","children":[{"title":"Header.stories.jsx <span style='color:#111;'> 212B </span>","children":null,"spread":false},{"title":"HeroDetails.stories.jsx <span style='color:#111;'> 508B </span>","children":null,"spread":false},{"title":"HeroCounter.stories.jsx <span style='color:#111;'> 593B </span>","children":null,"spread":false},{"title":"Footer.stories.jsx <span style='color:#111;'> 242B </span>","children":null,"spread":false},{"title":"HeroReleaseItem.stories.jsx <span style='color:#111;'> 508B </span>","children":null,"spread":false},{"title":"Button.jsx <span style='color:#111;'> 1.09KB </span>","children":null,"spread":false},{"title":"HeroItem.stories.jsx <span style='color:#111;'> 494B </span>","children":null,"spread":false},{"title":"Rating.stories.jsx <span style='color:#111;'> 386B </span>","children":null,"spread":false},{"title":"Introduction.stories.mdx <span style='color:#111;'> 5.12KB </span>","children":null,"spread":false},{"title":"OrderAction.stories.jsx <span style='color:#111;'> 558B </span>","children":null,"spread":false},{"title":"button.css <span style='color:#111;'> 642B </span>","children":null,"spread":false},{"title":"assets","children":[{"title":"flow.svg <span style='color:#111;'> 1.36KB </span>","children":null,"spread":false},{"title":"direction.svg <span style='color:#111;'> 1.25KB </span>","children":null,"spread":false},{"title":"comments.svg <span style='color:#111;'> 1.49KB </span>","children":null,"spread":false},{"title":"colors.svg <span style='color:#111;'> 8.31KB </span>","children":null,"spread":false},{"title":"code-brackets.svg <span style='color:#111;'> 1.42KB </span>","children":null,"spread":false},{"title":"plugin.svg <span style='color:#111;'> 2.12KB </span>","children":null,"spread":false},{"title":"stackalt.svg <span style='color:#111;'> 2.49KB </span>","children":null,"spread":false},{"title":"repo.svg <span style='color:#111;'> 1.60KB </span>","children":null,"spread":false}],"spread":false},{"title":"Toggle.stories.jsx <span style='color:#111;'> 242B </span>","children":null,"spread":false},{"title":"SearchInput.stories.jsx <span style='color:#111;'> 446B </span>","children":null,"spread":false},{"title":"Favorite.stories.jsx <span style='color:#111;'> 414B </span>","children":null,"spread":false},{"title":"Button.stories.jsx <span style='color:#111;'> 615B </span>","children":null,"spread":false}],"spread":false},{"title":"styles","children":[{"title":"colors.css <span style='color:#111;'> 250B </span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'> 24B </span>","children":null,"spread":false}],"spread":true},{"title":"logo.svg <span style='color:#111;'> 2.61KB </span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'> 236B </span>","children":null,"spread":false},{"title":"components","children":[{"title":"OrderAction","children":[{"title":"hero.svg <span style='color:#111;'> 3.50KB </span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'> 191B </span>","children":null,"spread":false},{"title":"full-heart.svg <span style='color:#111;'> 1013B </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 615B </span>","children":null,"spread":false}],"spread":true},{"title":"Footer","children":[{"title":"index.css <span style='color:#111;'> 79B </span>","children":null,"spread":false},{"title":"__snapshots__","children":[{"title":"index.spec.jsx.snap <span style='color:#111;'> 144B </span>","children":null,"spread":false}],"spread":false},{"title":"index.jsx <span style='color:#111;'> 126B </span>","children":null,"spread":false},{"title":"index.spec.jsx <span style='color:#111;'> 380B </span>","children":null,"spread":false}],"spread":true},{"title":"HeroItem","children":[{"title":"index.css <span style='color:#111;'> 354B </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false}],"spread":false},{"title":"Favorite","children":[{"title":"index.css <span style='color:#111;'> 33B </span>","children":null,"spread":false},{"title":"full-heart.svg <span style='color:#111;'> 1013B </span>","children":null,"spread":false},{"title":"__snapshots__","children":[{"title":"index.spec.jsx.snap <span style='color:#111;'> 230B </span>","children":null,"spread":false}],"spread":false},{"title":"index.jsx <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":"index.spec.jsx <span style='color:#111;'> 604B </span>","children":null,"spread":false},{"title":"empty-heart.svg <span style='color:#111;'> 1.02KB </span>","children":null,"spread":false}],"spread":false},{"title":"SearchInput","children":[{"title":"index.css <span style='color:#111;'> 539B </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 780B </span>","children":null,"spread":false},{"title":"search.svg <span style='color:#111;'> 1.55KB </span>","children":null,"spread":false}],"spread":false},{"title":"HeroReleaseItem","children":[{"title":"index.css <span style='color:#111;'> 266B </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 600B </span>","children":null,"spread":false}],"spread":false},{"title":"HeroDetails","children":[{"title":"video.svg <span style='color:#111;'> 2.84KB </span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'> 1.28KB </span>","children":null,"spread":false},{"title":"book.svg <span style='color:#111;'> 2.09KB </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 3.06KB </span>","children":null,"spread":false}],"spread":false},{"title":"Toggle","children":[{"title":"index.css <span style='color:#111;'> 530B </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 755B </span>","children":null,"spread":false}],"spread":false},{"title":"Rating","children":[{"title":"empty-star.svg <span style='color:#111;'> 1.19KB </span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'> 107B </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 643B </span>","children":null,"spread":false},{"title":"full-star.svg <span style='color:#111;'> 1.17KB </span>","children":null,"spread":false}],"spread":false},{"title":"HeroCounter","children":[{"title":"index.css <span style='color:#111;'> 91B </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 544B </span>","children":null,"spread":false}],"spread":false},{"title":"Header","children":[{"title":"logo.svg <span style='color:#111;'> 51.73KB </span>","children":null,"spread":false},{"title":"index.css <span style='color:#111;'> 0B </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 558B </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":"reportWebVitals.js <span style='color:#111;'> 364B </span>","children":null,"spread":false},{"title":"setupTests.js <span style='color:#111;'> 364B </span>","children":null,"spread":false},{"title":"App.jsx <span style='color:#111;'> 510B </span>","children":null,"spread":false},{"title":"App.css <span style='color:#111;'> 564B </span>","children":null,"spread":false},{"title":"index.jsx <span style='color:#111;'> 529B </span>","children":null,"spread":false},{"title":"hooks","children":[{"title":"useCharacters.js <span style='color:#111;'> 1.86KB </span>","children":null,"spread":false}],"spread":false}],"spread":false},{"title":".storybook","children":[{"title":"main.js <span style='color:#111;'> 226B </span>","children":null,"spread":false},{"title":"preview.js <span style='color:#111;'> 75B </span>","children":null,"spread":false}],"spread":true},{"title":"LICENSE <span style='color:#111;'> 1.04KB </span>","children":null,"spread":false},{"title":".prettierrc <span style='color:#111;'> 132B </span>","children":null,"spread":false},{"title":"README.md <span style='color:#111;'> 1.43KB </span>","children":null,"spread":false},{"title":".gitignore <span style='color:#111;'> 344B </span>","children":null,"spread":false},{"title":".eslintignore <span style='color:#111;'> 13B </span>","children":null,"spread":false},{"title":"package.json <span style='color:#111;'> 2.05KB </span>","children":null,"spread":false}],"spread":false}],"spread":true}]

评论信息

免责申明

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