基于React SSR实现的仿MOO音乐风格的音乐网站 pika-music api服务器参考Binaryify的 项目技术特点: PWA支持。支持PWA的浏览器可以安装到桌面 实现React-SSR框架 实现结合SSR的动态导入 实现webpack打包支持模块/名词模式 实现全站图片懒加载 webpack5支持 其他特点: http2 安卓端支持锁屏音乐控制 banner轮播组件 视频和音频播放组件 网站截图 技术特点介绍 React-SSR框架介绍 主要思想参考的是NextJS。首屏服务端渲染时,调用组件的getInitialProps(store)方法,注入redux store,getInitialProps获取该页面的数据后,把数据存储到redux store中。在客户端hydrate时,从redux store中获取数据,然后把数据注入的initialData中,后续页面的数据获取和更新就使用了swr的能力。非SSR的页面会直接使用swr。 下面以首页(发现)为例:项目中有ConnectCompReducer这个父类: class ConnectCompReducer