Create Your Own Video Streaming Site by Creating a Custom React.js App

Create Your Own Video Streaming Site by Creating a Custom React.js App

Linode via YouTube Direct link

Prerequisites

2 of 31

2 of 31

Prerequisites

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

Create Your Own Video Streaming Site by Creating a Custom React.js App

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction
  2. 2 Prerequisites
  3. 3 Create App Directories
  4. 4 Run npm init
  5. 5 Install Dependencies
  6. 6 Create the Assets Directory
  7. 7 Download the Assets from Github
  8. 8 Add the First Video to Assets
  9. 9 Create app.js
  10. 10 Testing the App in Dev
  11. 11 Begin Work on the Frontend
  12. 12 Start the React App
  13. 13 What’s Next?
  14. 14 Implement Bootstrap
  15. 15 Install react-router-dom
  16. 16 Create the Home View
  17. 17 Running Through home.js
  18. 18 Create the Player View
  19. 19 Running Through player.js
  20. 20 Make Adjustments to app.js
  21. 21 Tie Frontend Requests to the Server
  22. 22 Tie Videos to the Frontend
  23. 23 Create Video Thumbnails
  24. 24 Dynamically Serve Videos in Chunks
  25. 25 Quick Recap
  26. 26 Install FFMPEG
  27. 27 Adding Captions
  28. 28 Create A Caption Endpoint
  29. 29 Style Our App
  30. 30 Create Header and Footer Components
  31. 31 Conclusion

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.