Skip to content

Latest commit

 

History

History

react-youtube-adaptive-loading

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Demo: React-youtube adaptive loading with mix of network, memory and hardware concurrency in React.js

Live Demo

This is a proof-of-concept client using the YouTube API for adaptive loading. It is not meant to be a YouTube clone nor a YouTube competitor. It's built with React, Redux and Redux Saga.

This version of React Youtube Adaptive Loading uses network hook, memory hook, hardware concurrency hook to determine whether to load low-fidelity or high-fidelity experience based on the user's effective connection type (e.g 2G -> lo-fi, 4G -> hi-fi), memory status, CPU status.

This project was bootstrapped with Create React App.

Installation

git clone https://github.com/GoogleChromeLabs/adaptive-loading
cd react-youtube-adaptive-loading
npm install
npm start
npm run build

Glitch Source