Search 6,000+ CA Community College Courses

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

freeCodeCamp

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

via freeCodeCamp

Start learning Write review

Overview

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.

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

Reviews

5.0 rating, based on 1 Class Central review

Start your review of React Hooks Tutorial - A Crash Course on Styled Components, JSX, React Router, and HOC

  • Khushi Palecha
    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
Start learning

Never Stop Learning.

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

Sign up for free
Someone learning on their laptop while sitting on the floor.