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.
React Hooks Tutorial - A Crash Course on Styled Components, JSX, React Router, and HOC
via freeCodeCamp
Overview
Syllabus
) 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.
Taught by
freeCodeCamp.org
Related Courses
-
Full React Course 2020 - Learn Fundamentals, Hooks, Context API, React Router, Custom Hooks
-
Build Advanced Components with React Hooks
-
How to Build Tetris in React - GameDev Tutorial (with React Hooks!)
-
React Course - Beginner's Tutorial for React JavaScript Library [2022]
-
React State Management – Intermediate JavaScript Course
-
React Hooks in Function Components
Related articles
Reviews
5.0 rating, based on 1 Class Central review
-
Thank you for this free course ....I was searching thia kind of content but I didn't found ...but today it feel like confident and a positive energetic day thank you
