Skip to content
CodeSweetly Logo CodeSweetly Logo CodeSweetly
Blog
Latest: Publish JavaScript Packages to NPM Like a Pro!

React YouTube Playlist v3 Release

Version 3 of the React YouTube Playlist library is out! 🥳

Here are the notable highlights.

Breaking Changes

This release comes with one breaking change.

  • The uniqueName prop is deprecated. The library no longer needs a unique ID.

Other Changes

  • 100% dependency free!
  • Optimized to avoid running on the main thread.

How to Update the React YouTube Playlist Package

Here are the steps required to upgrade to the latest version:

  1. Install the latest version

    Terminal
    npm install @codesweetly/react-youtube-playlist@latest

    Alternatively, you can use Yarn or pnpm like so:

    Yarn Installation
    yarn upgrade @codesweetly/react-youtube-playlist --latest
    PNPM Installation
    pnpm update @codesweetly/react-youtube-playlist --latest

  2. Delete the uniqueName prop

    <YouTubePlaylist
       apiKey="YOUR_YOUTUBE_API_KEY"
       playlistId="YOUR_YOUTUBE_PLAYLIST_ID"
       uniqueName="THIS_PLAYLIST_INSTANCE_NAME"
    />

How to Use the React YouTube Playlist Package

See the complete project-based guide to learn how to add the YouTubePlaylist package to your React applications. You can use the library with Vite, NextJS, Remix, or any other React app.

Support CodeSweetly