仿网易云音乐PC项目实战包含网站源码。

项目介绍

项目使用到的技术栈
CSS使用Flex进行布局
配置路径别名使用: carco
项目路由使用: react-router来管理
使用react-router-config集中式路径映射表管理
使用styled-components+普通的css编写样式
使用axios发送网络请求
项目全面拥抱React Hooks
项目组件库使用: ant design
使用immutable对项目reducer中state进行管理
使用redux-immtable对根目录reducer中state进行管理
项目使用redux-thunk中间件
使用propType校验props类型及默认值
使用react-transition-group添加过渡动画效果
项目中的优化: 函数式组件全部采用memo、路由懒加载、函数防抖

项目的目标

使用React全家桶开发网易云音乐PC网站

截图演示

网易云音乐PC项目实战包含网站源码

演示地址

http://www.wanguancs.top/#/discover/recommend

下载地址

https://gitee.com/chasingworld/wallpaper

分享不易,请支持本站其他资源

马来西亚手机话费快速充值:http://www.globalrecharge.cn/
全球手机话费/流量查询教程:http://qa.globalrecharge.cn/
全球话费充值:http://mobile.globalrecharge.cn/
新版axureshop产品原型网:http://www.axureshops.com
AxureShop商城:http://axure.amynik.com/
情趣商城:http://sex.chanpindashi.com/
Axure工具集下载:http://www.chanpindashi.com/2019/12/02/1997.html
产品大师:http://www.chanpindashi.com/
源码商城:http://mall.amynik.com/list/1
axureshop产品原型网(旧版停止更新):http://axureshop.amynik.com/
产品经理论坛:http://bbs.amynik.com
淘宝优惠券:http://taobao.chanpindashi.com/
京东优惠券:http://jd.chanpindashi.com/?chanpindashi.com
艾美图纸网:http://tuzhi.amynik.com/

最后编辑:2020年11月13日 ©著作权归作者所有

发表评论

×