reactube-client

A clone Youtube Web Player using React Provider Pattern, React Context and Typescript

Github星跟蹤圖

Reactube-client is an open source project relying on React context an useful feature of React that it is great for passing down data to deeply nested components. In this project, I tried to show some features of react/react components, react context with Typescript.

LIVE DEMO (WIP)

Main Features:

  • Video player customized
  • Playlist
  • Preview videos
  • Responsive
  • It's possible crop videos
  • Support with localstorage

Contain:

  • React
  • Typescript
  • React Context (not Redux)
  • Styled components
  • React Router

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:3000
npm run start

Screencast:

:tv: Responsive


:scissors: Crop videos


:house: Homepage


:tv: Video preview


:pencil2: Edit video

Contributing :heart:

Reactube-client has been made by love:heart:.
I'd greatly appreciate any contribution to improve this project. Feel free to sent a PR.

Acknowledgments

  • React
  • JavaScript
  • TypeScript

Author and license

MIT License

Copyright (c) 2018-present, Rafael Escala

主要指標

概覽
名稱與所有者rafaesc/reactube-client
主編程語言TypeScript
編程語言HTML (語言數: 3)
平台
許可證
所有者活动
創建於2018-06-18 05:06:10
推送於2018-06-21 02:09:07
最后一次提交2018-06-20 21:09:06
發布數0
用户参与
星數90
關注者數3
派生數19
提交數29
已啟用問題?
問題數1
打開的問題數1
拉請求數0
打開的拉請求數0
關閉的拉請求數0
项目设置
已啟用Wiki?
已存檔?
是復刻?
已鎖定?
是鏡像?
是私有?