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 ⭐️ 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 And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp