All Projects → adrianhajdin → Project_youtube_video_player

adrianhajdin / Project_youtube_video_player

This is a code repository for the corresponding article on freeCodeCamp. In this tutorial we are going to build a YouTube Clone Application from Scratch using React. Covered topics: lifecycle methods, project structure, destructuring, state management, passing props from parent to child components, API calls.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

Projects that are alternatives of or similar to Project youtube video player

Awesome Product Design
A collection of bookmarks, resources, articles for product designers.
Stars: ✭ 1,679 (+812.5%)
Mutual labels:  article
Structured Data Json Ld
Collection of structured data snippets in Google preferred JSON-LD format.
Stars: ✭ 157 (-14.67%)
Mutual labels:  article
Ttrss plugin Feediron
Evolution of ttrss_plugin-af_feedmod
Stars: ✭ 172 (-6.52%)
Mutual labels:  article
Jbt blog
一个基于Django2.0+Python3.6的博客/A simple blog based on python3.6 and Django2.0.
Stars: ✭ 137 (-25.54%)
Mutual labels:  article
Post Handwriting
Four Experiments in Handwriting with a Neural Network
Stars: ✭ 144 (-21.74%)
Mutual labels:  article
Code2sec.com
xmind\code\articles for my personal blog 个人博客上的资源备份存储,也是个人分享的汇总
Stars: ✭ 164 (-10.87%)
Mutual labels:  article
Post Feature Visualization
Feature Visualization
Stars: ✭ 106 (-42.39%)
Mutual labels:  article
Wiki
Wikipedia Interface for Node.js
Stars: ✭ 180 (-2.17%)
Mutual labels:  article
Post Augmented Rnns
Attention and Augmented Recurrent Neural Networks
Stars: ✭ 154 (-16.3%)
Mutual labels:  article
Post Momentum
Why Momentum Really Works
Stars: ✭ 172 (-6.52%)
Mutual labels:  article
Google Rules Of Machine Learning
Github mirror of M. Zinkevich's "Rules of Machine Learning" style guide, with extra goodness.
Stars: ✭ 137 (-25.54%)
Mutual labels:  article
Learn Javascript
Learn Plain JavaScript from Top Articles of 2017
Stars: ✭ 142 (-22.83%)
Mutual labels:  article
Post Misread Tsne
How to Use t-SNE Effectively
Stars: ✭ 169 (-8.15%)
Mutual labels:  article
Awesome Apollo Graphql
A curated list of amazingly awesome things regarding Apollo GraphQL ecosystem 🌟
Stars: ✭ 126 (-31.52%)
Mutual labels:  article
Awesome Deep Learning Music
List of articles related to deep learning applied to music
Stars: ✭ 2,195 (+1092.93%)
Mutual labels:  article
Json Ld
Extremely simple JSON-LD generator.
Stars: ✭ 124 (-32.61%)
Mutual labels:  article
Engineering Management
A collection of inspiring resources related to engineering management and tech leadership
Stars: ✭ 2,520 (+1269.57%)
Mutual labels:  article
Morss
Get full text RSS feeds
Stars: ✭ 184 (+0%)
Mutual labels:  article
Article Parser
To extract main article from given URL with Node.js
Stars: ✭ 179 (-2.72%)
Mutual labels:  article
100 Days Of Ml Code
A day to day plan for this challenge. Covers both theoritical and practical aspects
Stars: ✭ 172 (-6.52%)
Mutual labels:  article

Introduction

In this tutorial we are going to build a YouTube Clone Application from Scratch using React. This project is great for learning React because is covers a lot of concepts that appear often in ReactJS workflow.

Setup:

  • move a copy of .env.sample to .env and paste your API-key
  • run npm i && npm start to start the development server

Covered topics:

  • project structure
  • destructuring
  • state management (with hooks)
  • passing props
  • API calls

Suggested improvements:

  • you should use Material-UIs makeStyles() hook instead of styles-prop to style your components
  • implement mobile friendly UI
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].