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

Dive into a comprehensive React Hooks tutorial that guides you through building a video player application. Learn essential React concepts including Hooks, Styled Components, JSX, React Router, and Higher Order Components (HOC). Create a dynamic video player capable of playing both Vimeo and YouTube videos, implement a video list selection feature, and utilize local storage for state persistence. Explore fundamental React principles, stateless functional components, and ES6+ syntax while using Create-React-App for development. Follow along as you set up routes, apply global and component-specific styling with Styled Components, implement themes, and delve into useState and useEffect hooks. Gain hands-on experience with callback functions, state management, and deployment processes. By the end of this tutorial, you'll have a solid foundation in modern React development techniques and a fully functional video player application.

) Introduction and Setup.
) Scaffolding.
) Setting Up the Routes.
) Styled Components - Global Styling.
) Styled Components - Component Styling.
) Styled Components - Themes.
) Preparing for Hooks.
) Pre-Example.
) useState.
) useEffect.
) Higher Order Components.
) Callback Functions.
) Persisting State in Local Storage.
) Deploying.
) useCallback.