React-Cloud-Music-Web 仿网易云音乐网页版

参考 https://github.com/Binaryify/NeteaseCloudMusicApi

技术栈：TypeScript、React、React Hooks、unstated-next、immer、styled-components 后期加入单元测试：jest

项目目录结构

├─ assets       图片字体等资源
├─ baseUI       基础样式
├─ components   公共组件
├─ config       配置
├─ constants    常量
├─ containers   状态容器
├─ events       事件，用于 view 和 services/tools 的解耦
├─ layouts      布局
├─ pages        页面
├─ routes       路由
├─ services     数据层，网络数据/本地存储数据/mock数据
├─ styles       样式
├─ tools        工具
├─ typings      类型定义
├─ App.tsx      根组件
└─ index.tsx    入口

学习笔记

实战：网易云音乐 web

项目亮点

有趣的扩展

StoryBook 组件文档

# init
npx -p @storybook/cli sb init

Hygen 代码生成器

# init
npm i -g hygen
cd project
hygen init self
hygen generator new component # 创建 component 命令