All Projects → rafaesc → reactube-client

rafaesc / reactube-client

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

Programming Languages

typescript
32286 projects
CSS
56736 projects
HTML
75241 projects

Projects that are alternatives of or similar to reactube-client

Yewdux
Redux-like state containers for Yew apps
Stars: ✭ 58 (-36.96%)
Mutual labels:  state-management, context
react-context
(つ°ヮ°)つ Understanding React Context
Stars: ✭ 11 (-88.04%)
Mutual labels:  state-management, context
Reworm
🍫 the simplest way to manage state
Stars: ✭ 1,467 (+1494.57%)
Mutual labels:  state-management, react-context
Provider
InheritedWidgets, but simple
Stars: ✭ 3,988 (+4234.78%)
Mutual labels:  state-management, provider
razzle-template
SSR template with React, Effector, TypeScript, ReactRouter, and StyledComponents
Stars: ✭ 62 (-32.61%)
Mutual labels:  react-router, styled-components
Use Global Context
A new way to use “useContext” better
Stars: ✭ 34 (-63.04%)
Mutual labels:  state-management, context
Contextism
😍 Use React Context better.
Stars: ✭ 141 (+53.26%)
Mutual labels:  state-management, context
flutter expense manager
Flutter Provider and Shared Preferences Sample Application.
Stars: ✭ 59 (-35.87%)
Mutual labels:  state-management, provider
Frontend
마음을 잇는 현명한 소비 '잇다'🤝
Stars: ✭ 19 (-79.35%)
Mutual labels:  react-router, styled-components
flutter-provider-architecture
⚖️ A Flutter Architecture for small/medium/large/big large scale using Provider as State Management with Get It!
Stars: ✭ 81 (-11.96%)
Mutual labels:  state-management, provider
use-app-state
🌏 useAppState() hook. that global version of setState() built on Context.
Stars: ✭ 65 (-29.35%)
Mutual labels:  state-management, context
Flutter Roadmap
This is a flutter roadmap and documentation repository. If anyone is interested you can join the party to help the community and make flutter great again.
Stars: ✭ 47 (-48.91%)
Mutual labels:  state-management, provider
Constate
React Context + State
Stars: ✭ 3,519 (+3725%)
Mutual labels:  state-management, react-context
Alveron
Elm & Reason inspired state management for React
Stars: ✭ 57 (-38.04%)
Mutual labels:  state-management, context
react-wisteria
Managing the State with the Golden Path
Stars: ✭ 18 (-80.43%)
Mutual labels:  state-management, context
React Workshop
⚒ 🚧 This is a workshop for learning how to build React Applications
Stars: ✭ 114 (+23.91%)
Mutual labels:  state-management, context
Music163 React
🔥基于React全家桶开发:「网易云音乐PC端项目」实战
Stars: ✭ 209 (+127.17%)
Mutual labels:  react-router, styled-components
Arc
React starter kit based on Atomic Design
Stars: ✭ 2,780 (+2921.74%)
Mutual labels:  react-router, styled-components
random-users-details
Random Users details in flutter from randomusers api
Stars: ✭ 14 (-84.78%)
Mutual labels:  state-management, provider
React-Playground
Learning reactjs from the ground up (router, redux, thunk, hooks, context, portals, and functional components)
Stars: ✭ 15 (-83.7%)
Mutual labels:  react-router, react-context

drawing

with 🚀 Typescript 🚀

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:

📺 Responsive


✂️ Crop videos


🏠 Homepage


📺 Video preview


✏️ Edit video

Contributing ❤️

Reactube-client has been made by love❤️. 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

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].