Spotify Doppelganger使用React与Material UI重现Spotify主布局

Spotify-doppelganger 是个蛮酷的项目,主要通过 React 和 Material UI 重现了 Spotify 的主布局。布局看起来相当简洁,细节上也挺到位,尤其是导航菜单和播放器部分,设计感满分。用这种方式来了解 React 与 Material UI 的结合,绝对是个好机会。项目启动也方便,只需在项目目录运行yarn start,就能快速看到效果。如果你还想做一些优化或自定义,也可以尝试运行yarn build,将项目打包成生产环境的版本。
对于前端开发者来说,这个项目了不少实用的代码参考,尤其是如何高效地利用Material UI组件来构建响应式界面。
,Spotify-doppelganger 是个挺适合用来学习和参考的开源项目,使用它不管是学习还是重构自己的项目,都蛮有收获的。
如果你对 React 和 Material UI 有兴趣,可以看看这个项目,获取一些灵感。
要提醒一点,yarn eject这个操作一旦执行,项目配置就不容易恢复了,慎重操作哦!

zip
spotify-doppelganger-master.zip 预估大小:19个文件
folder
spotify-doppelganger-master 文件夹
file
package.json 921B
folder
src 文件夹
file
Router.js 383B
file
index.js 503B
folder
assets 文件夹
folder
reference 文件夹
file
layout-sm.png 607KB
file
layout-lg.png 1.31MB
file
layout-md.png 867KB
file
serviceWorker.js 5KB
folder
pages 文件夹
file
Home.js 3KB
file
setupTests.js 255B
folder
components 文件夹
folder
Navigation 文件夹
file
Navigation.js 607B
file
App.js 251B
folder
index.css 文件夹
file
.gitignore 310B
folder
public 文件夹
file
manifest.json 305B
file
robots.txt 67B
file
index.html 2KB
file
favicon.ico 3KB
file
README.md 3KB
file
yarn.lock 475KB
zip 文件大小:2.77MB