【文件属性】:
文件名称:漫威英雄:漫威英雄
文件大小:905KB
文件格式:ZIP
更新时间:2021-01-31 02:29:17
react babel typescript jest bootstrap4
漫威英雄
[1]
通过来显示Marvel角色的React应用
支持IE> = 10
完成
我将此应用程序用作样板并演示JS Web应用程序最佳实践。
1.没有HTTPS,没有gzip,没有缓存...
HeroesPagination / Heroes组件屏幕截图
英雄组件截图
怎么跑
npm run start
open http://localhost:8080
使用的图书馆
用钩React
没有Redux,只有useState()
TypeScript strict: true
Babel与@babel/preset-typescript
开玩笑+ react-testing-library + Puppeteer => 100%代码覆盖率
提取API + whatwg-fetch polyfill
React路由器
漂亮+ ESLint + stylelint
Bootstrap 4 + Purgecss
【文件预览】:
MarvelHeroes-master
----jest-e2e.config.js(230B)
----.gitignore(73B)
----jest-puppeteer.config.js(232B)
----.huskyrc.js(118B)
----package.json(4KB)
----package-lock.json(722KB)
----src()
--------Heroes.tsx(2KB)
--------Hero.test.tsx(2KB)
--------api()
--------Router.test.tsx(1KB)
--------Heroes.scss(279B)
--------bootstrap4.scss(1KB)
--------Heroes.test.tsx(2KB)
--------HeroesPagination.test.tsx(3KB)
--------assets()
--------Layout.tsx(134B)
--------Hero.tsx(2KB)
--------utils()
--------PageNotFound.test.tsx(566B)
--------PageNotFound.tsx(259B)
--------index.html(833B)
--------MarvelHeroes.test.e2e.ts(4KB)
--------HeroesPagination.tsx(933B)
--------config.ts(53B)
--------index.scss(45B)
--------Router.tsx(520B)
--------Layout.test.tsx(213B)
--------index.tsx(628B)
----.travis.yml(468B)
----jest.config.js(516B)
----.stylelintrc.js(389B)
----LICENSE(1KB)
----doc()
--------HeroesPagination.png(302KB)
--------Hero.png(324KB)
----tsconfig.json(442B)
----webpack.config.ts(8KB)
----.github()
--------workflows()
----.prettierignore(162B)
----.browserslistrc(15B)
----.eslintrc.js(4KB)
----lint-staged.config.js(227B)
----README.md(2KB)
----prettier.config.js(761B)
----.eslintignore(104B)
----jest.setup.ts(1KB)
----.vscode()
--------settings.json(162B)
----babel.config.js(538B)
----jest-e2e.setup.ts(1KB)
----.editorconfig(244B)