手把手教你仿写youtube网站

^^^关注 码中人

回复 ytb 下载视频教程

最近想了解一下youtube.com前端界面的制作，于是就在youtube.com搜索“如何克隆一个youtube网站”，搜索结果很多，挑了一个较新的视频，认真看完。

教程链接：

🔴 Let’s Build a YouTube Clone with REACT JS for Beginners – YouTube

https://www.youtube.com/watch?v=NT299zIk2JY

加上中英字幕后，搬运到B站：

用reactjs构建youtube前端_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili

https://www.bilibili.com/video/BV1fa4y157vq

学习完之后，照猫画虎，用reactjs实现了youtube.com的前端界面。

点击查看效果：http://ytb.mzh.ren/

源码下载：https://github.com/mzhren/youtube_by_reactjs

欢迎关注，fork。

视频教程内容

制作该直播视频的是一个叫 Clever Programmer 的频道。

视频主讲的是这两个哥们：sonny（左）和qazi（右）。

我起先以为这两个哥们是四手联弹，结对编程。看完才发现是相声编程。

什么叫相声编程？就是其中一个叫sonny的哥们编写代码，另一个叫qazi的哥们假扮成萌新，问一些技术上的问题，如果有人打赏，便截图出来表示感谢。

一个斗哏，一个捧哏。感觉他们这种形式挺不错的，有人专心实现功能，有人对接直播观众。整个直播下来，他们收获了100多美元的打赏。他们很激动，很感恩。比直播跳舞的小姐姐们挣的少，态度好。

这个视频是个直播视频的录屏，长达3小时。排除插科打诨的内容，实际教学时间约1小时。主要教学内容：

• reactjs的基本使用

• @material-ui/icons 的使用

• flex布局

最后实现的功能页面，主要有两个：首页（网格布局）和列表页、搜索页。

首页效果：http://ytb.mzh.ren/

列表页：http://ytb.mzh.ren/search/mzhren

微信公众号：码中人

B站搜索：狂奔的男尸