效果图 在线预览
- ReactJS
- create-react-app
- 全部使用Function Components (Hooks),避免使用Class Components
- React Router
- React Redux
- Redux Thunk (Middleware)
- Material UI
安装依赖
开发运行
构建项目
best-search
├─README.md
├─package-lock.json
├─package.json
├─tsconfig.json
├─yarn.lock
├─src
| ├─App.tsx
| ├─index.css
| ├─index.tsx
| ├─react-app-env.d.ts
| ├─reportWebVitals.ts
| ├─setupTests.ts
| ├─utils
| | └axios.ts
| ├─store
| | ├─actions.ts
| | ├─index.ts
| | ├─reducers.ts
| | └types.ts
| ├─routes
| | └index.ts
| ├─pages
| | ├─index.ts
| | ├─search
| | | ├─index.scss
| | | └index.tsx
| | ├─notFound
| | | └index.tsx
| | ├─home
| | | ├─index.scss
| | | └index.tsx
| ├─layout
| | ├─index.scss
| | └index.tsx
| ├─components
| | ├─SearchInput
| | | ├─index.scss
| | | └index.tsx
| | ├─Product
| | | ├─index.tsx
| | | ├─Trends
| | | | └index.tsx
| | | ├─Trend
| | | | ├─index.scss
| | | | └index.tsx
| ├─api
| | └search.ts
├─scripts
| ├─build.js
| ├─start.js
| └test.js
├─public
| ├─favicon.ico
| ├─index.html
| ├─logo192.png
| ├─logo512.png
| ├─manifest.json
| └robots.txt
├─pics
| └best-search-preview.gif
├─config
| ├─env.js
| ├─getHttpsConfig.js
| ├─modules.js
| ├─paths.js
| ├─webpack.config.js
| ├─webpackDevServer.config.js
| ├─webpack
| | ├─persistentCache
| | | └createEnvironmentHash.js
| ├─jest
| | ├─babelTransform.js
| | ├─cssTransform.js
| | └fileTransform.js