链氪巴士
  1. 首页
  2. 站点导航
  3. 文章
  4. 快讯
  5. 软件
  6. 书刊
  7. 关于

react-cloud-music:React16.8打造精美音乐WebApp

本项目参考网易云音乐安卓端app界面开发,基础UI大多自行构建。功能包含推荐、歌手、排行榜、播放器、搜索等部分。项目展示了better - scroll打造的scroll组件、loading组件、模块懒加载等内容。目前核心完成且有扩展空间,未来有多项功能待开发并将长期维护,欢迎大...

访问官网 →

【Github】项目名:react – cloud – music:React16.8打造精美音乐WebApp

项目简介

本项目参考网易云音乐安卓端app界面开发,基础UI绝大多数自己构建。功能涵盖推荐部分(如首页推荐、歌单详情等)、歌手部分(歌手列表与详情)、排行榜(榜单页与详情)、播放器(内核与播放列表)、搜索部分等。项目还分享了部分模块的构建,如利用better – scroll打造scroll基础组件、富有动感的loading组件以及模块懒加载及代码分割。

核心技术

该项目使用了React16.8,结合react – hooks、redux、immutable.js等技术,同时还用到了styled – components、react – redux、redux – thunk、axios、react – router – v4、better – scroll等。在模块构建方面展示了如模块懒加载(使用react自带的lazy和Suspense)等技术。

项目总结

目前项目核心已完成但有扩展余地,未来计划完成收藏、播放历史、登录功能、评论模块、MV模块等,同时会撰写系列拆解文章。这是一个长期维护的项目,欢迎大家踊跃提issue和pr参与讨论。

项目地址

GitHub链接直达