撸了一个 B 站...

2022-12-02 10:16:35 浏览数 (1)

哈喽,大家好!我是前端实验室的小师妹!

最近逛 Github 又发现一个强大的开源学习项目:高仿B站移动端

该项目基于此SSR服务端渲染模板,前端技术使用 React16.8Typescript 开发~

技术栈

  • react
  • react-router-dom
  • react-router-config
  • redux(数据管理)
  • redux-thunk(支持异步Action)
  • react-helmet(Head管理)
  • react-lazyload(图片懒加载)
  • loadable-components(代码分割)
  • cross-fetch(浏览器和node通用的Fetch API)
  • express(后端服务)

实现功能

效果预览

<<< 左右滑动见更多 >>>

<<< 左右滑动见更多 >>>

项目部署

下载项目,先运行服务端接口,接口见 bilibili-api目录。 部署运行后,访问http服务默认端口: 3010即可!

代码语言:javascript复制
npm install
安装项目依赖包

npm run dev
运行开发环境

npm run build
打包客户端和服务端,运行生产环境前必须先打包

npm run start
运行生产环境

更多体验点击下方卡片回复 20220406 获取项目地址。

写在最后

欢迎加入前端实验室读者交流群,群里有不少技术大神,不定时会分享一些技术要点,更有一些资源收藏爱好者会分享一些优质的学习资料。吃瓜、摸鱼、白嫖技术就等你了~

进群方式:在下方公众号后台,回复 111 ,按提示操作即可进群。

如果该文章对你有帮助,那么就点击右下角的 [点赞]「在看」,给一个小小的鼓励吧~

0 人点赞