React YouTube Video Playlist Component

This React component allows you to embed a YouTube video playlist into your web application with ease. It fetches data from the YouTube Data API and displays it in an organized and aesthetically pleasing manner.

Installation

To get started, install the component package using npm or yarn:

npm i @vipindevelops/react-youtube

yarn add @vipindevelops/react-youtube

Example

import { YouTube } from '@vipindevelops/react-youtube';

const MyYouTubeComponent = () => {
  return (
    <YouTube
      playlistId="YOUR_PLAYLIST_ID"
      API_Key="YOUR_YOUTUBE_API_KEY"
      count={10}
      sort={true}
      title="My Playlist"
      styleOverrides={{
        main: 'custom-main-style',
        VideoListItem: 'custom-video-list-item-style',
        // Add more style overrides as needed
      }}
    />
  );
};

export default MyYouTubeComponent;