Netflix
| Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
|---|---|---|---|---|---|---|---|---|---|---|
| React Player | 7,780 |  | 1,080 | 517 | 13 days ago | 147 | September 16, 2022 | 230 | mit | JavaScript |
| A React component for playing a variety of URLs, including file paths, YouTube, Facebook, Twitch, SoundCloud, Streamable, Vimeo, Wistia and DailyMotion | ||||||||||
| Awesome Developer Streams | 7,331 | 22 days ago | 8 | cc0-1.0 | ||||||
| 👩🏿💻👨🏾💻👩🏼💻👨🏽💻👩🏻💻 Awesome Developers, Streaming | ||||||||||
| Lightgallery | 5,839 |  | 122 | 26 | 2 days ago | 107 | September 19, 2022 | 38 | other | TypeScript |
| A customizable, modular, responsive, lightbox gallery plugin. | ||||||||||
| Desktop | 4,111 | a day ago | 26 | gpl-3.0 | TypeScript | |||||
| Free and open source streaming software built on OBS and Electron. | ||||||||||
| Vime | 2,444 |  | 11 | 3 months ago | 81 | September 13, 2022 | 153 | mit | TypeScript | |
| Customizable, extensible, accessible and framework agnostic media player. Modern alternative to Video.js and Plyr. Supports HTML5, HLS, Dash, YouTube, Vimeo, Dailymotion... | ||||||||||
| Dribbble2react | 2,423 | 2 years ago | 11 | mit | JavaScript | |||||
| Transform Dribbble designs to React-Native code | Shop UI Kit >> | ||||||||||
| Crate | 2,374 | 5 months ago | mit | JavaScript | ||||||
| 👕 👖 📦 A sample web and mobile application built with Node, Express, React, React Native, Redux and GraphQL. Very basic replica of stitchfix.com / krate.in (allows users to get monthly subscription of trendy clothes and accessories). | ||||||||||
| Netflix | 1,999 | 4 months ago | 17 | mit | JavaScript | |||||
| Subscribe to my YouTube channel: https://bit.ly/CognitiveSurge - Building Netflix Using React | ||||||||||
| Vuejs Learn | 1,934 | 6 years ago | 14 | JavaScript | ||||||
| (vue.js official website tutorials ，contains video , codes, baudi yun, youtube) 网路上有很多 VUE 综合应用的视频，但大部份的视频 ，都当你已经了解官网 所以讲的节奏难免偏快。 此视频(都是上代码)，以官网为重，将官网的观念，以视频搭配代码，实际演示。 如果官网有看不懂的地方，比对一下，视频跟代码，就会了解了。 减少你摸索的时间。(註：mvvm 的框架，不管是 ng , react, vue, avalonjs, 都是好的框架，而有经验的前端，至少都会两套以上的 mvvm。) | ||||||||||
| Youtubeclone Frontend | 1,324 | a year ago | 10 | mit | JavaScript | |||||
| Youtube Clone Frontend (React + Redux) | ||||||||||
Building Netflix from Scratch Using React (Custom Hooks, Context, Portals), Firebase, Compound & Styled Components (10 Hour Tutorial Here: https://www.youtube.com/watch?v=x_EEwGe-a9o)
This application (a Netflix clone) was built using React (Custom Hooks, Context), Firebase & Styled Components. I have built the following pages within this application: sign in, sign up, browse & lastly the homepage. There are four different pages, some using protected routes with auth listeners. Firebase firestore handles all the data and that data is retrieved using a custom hook; authentication is used on all pages, which is handled by Firebase as well.
I used compound components (just a design pattern) to build my components, and there's over 10 examples as to how these are used. The styling is all handled via styled components. Using compound components made my actual dumb components really easy to test.
Subscribe to my YouTube channel here: http://bit.ly/CognitiveSurge where I build projects like this! And don't forget, you can contribute to this project (highly encouraged!).
