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
                                
                                
                                
                            
评论区