react-bilibili
高仿B站web移动端
此项目仅供学习和交流
本项目基于此SSR服务端渲染模板,使用React16.8,Typescript开发
预览地址
视频弹幕
直播
http://barrage.codemcx.work/live
技术点
- react
- react-router-dom
- react-router-config
- redux(数据管理)
- redux-thunk(支持异步Action)
- react-helmet(Head管理)
- react-lazyload(图片懒加载)
- loadable-components(代码分割)
- cross-fetch(浏览器和node通用的Fetch API)
- express(后端服务)
实现功能
- 首页
- 分类页
- 排行榜
- 搜索
- 视频详情页
1.视频播放
2.弹幕
3.推荐列表
4.评论列表 - UP主页
1.详情
2.投稿列表 - 个人中心
历史记录 - 直播
- 直播列表
- 分类
- 直播间
1.直播播放
2.聊天弹幕