- Preview address: click
-
React:
MVVM
framework for building user interfaces -
React-Router: the routing system provided for the project
-
Redux: React centralized state management
-
axios: Send network requests, request interception and response interception
-
Ant Design: Simplify the design of front-end components
-
Immutable: Use
immutable
to manage thestate
saved inreudx
-
styled-components: Solve the problem that the writing style of component content will affect the global style and cause conflicts
-axios
: used to request back-end API
music data
-Netease Cloud API: Netease Cloud Music NodeJS
version API
, providing music data
-create-react-app: React scaffolding tool to quickly initialize project code -Built-in eslint: code style checking tool to help us standardize code writing
- src
- Pages page
- Router routing information configuration
- Request back-end request function
- Utils non-component functions and classes
- Components page components and their style files
- Resources required for the Static page
- app.tsx root component
- index.tsx entry file
- public static file resources
- package.json
- tsconfig.json
-Clone the NetEase cloud api to the local, and start the service according to the website instructions -Clone the code of this project to the local and run it in powershell:
# Installation dependencies
npm install
# Start the project, run on localhost:3000
npm run start
# Project deployment
npm run build