React Tutorials - React Hooks Tutorial - A Crash Course on Styled Components, JSX, React Router, and HOC

Learn about React Hooks and Styled Components in this full tutorial. We'll build a React video player where you can create a list of videos and select from the list. The video player can play both Vimeo and YouTube videos and will also persist state in local storage of played videos. 💻 https://github.com/weibenfalk/hooks-videoplayer-starterfiles 🎥 Course created by Thomas Weibenfalk. Check out his YouTube channel: https://www.youtube.com/user/Weibenfalk In this course you'll learn: ∙ React Fundamentals with Hooks ∙ Stateless Functional Components ∙ JSX syntax and expressions ∙ Styled Components ∙ Higher Order Components (HOC) ∙ React Router ∙ Use Create-React-App ∙ Deploy the finished App ∙ ES6+ concepts and syntax ∙ Use Local Storage to keep state ❤️ Try interactive React courses we love, right in your browser: https://scrimba.com/freeCodeCamp-React (Made possible by a grant from our friends at Scrimba) ⭐️ Course Contents ⭐️ ⌨️ (0:00:00) Introduction and Setup ⌨️ (0:07:50) Scaffolding ⌨️ (0:15:50) Setting Up the Routes ⌨️ (0:18:45) Styled Components - Global Styling ⌨️ (0:25:27) Styled Components - Component Styling ⌨️ (0:34:09) Styled Components - Themes ⌨️ (0:50:11) Preparing for Hooks ⌨️ (0:59:15) Pre-Example ⌨️ (1:02:49) useState ⌨️ (1:13:23) useEffect ⌨️ (1:21:57) Higher Order Components ⌨️ (1:28:03) Callback Functions ⌨️ (1:40:35) Persisting State in Local Storage ⌨️ (1:45:19) Deploying ⌨️ (1:49:10) useCallback -- Learn to code for free and get a developer job: https://www.freecodecamp.org Read hundreds of articles on programming: https://www.freecodecamp.org/news