react_ts_music

介绍

React18 + Antd + ts 网易云项目

项目介绍

使用React编写的云音乐PC Web项目，接口来源于开源的接口。修改了获取音乐的url接口，接口地址/song/url

项目技术分析

React: 作为基础框架，提供了声明式的编程模型，使得组件化开发更加高效。 Redux: 作为状态管理工具，保证了应用的状态统一，使数据流清晰可控。 styled-components: 利用CSS-in-JS的方式写样式，减少样式冲突，提高开发效率。 Ant Design: 提供了一套高质量且符合蚂蚁金服设计规范的React UI组件，提升用户体验

🍊功能亮点

• 🔥采用最新的 React 18 和 TypeScript 开发，使用 CRA 构建项目。
• 💪使用 React-router-dom v7 配置式路由表，路由懒加载。
• 🌳CSS采用普通CSS和styled-component结合来编写（全局采用普通CSS、局部采用styled-component）。
• ✨所有的函数式组件，为了避免不必要的渲染，全部使用memo进行包裹。
• 🎨使用prettier和ESLint进行代码规范化管理。
• 🚀axios网络请求封装，对API进行二次封装。
• 🏃‍♂️使用react-redux和rtk工具进行状态管理。

💡未来计划 &#x1F4A1

• 完善现有项目，修复功能 Bug，样式优化
• 新增一些功能模块
• 搜索页等其他模块