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
这个操作一旦执行,项目配置就不容易恢复了,慎重操作哦!
spotify-doppelganger-master.zip
预估大小:19个文件
spotify-doppelganger-master
文件夹
package.json
921B
src
文件夹
Router.js
383B
index.js
503B
assets
文件夹
reference
文件夹
layout-sm.png
607KB
layout-lg.png
1.31MB
layout-md.png
867KB
2.77MB
文件大小:
评论区