React YouTube Playlist v3.1.0 Release

Jan 10, 2025

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

Notable Changes

Full compatibility with React 19.
Four (4) new optional props: columnCount, columnWidth, gapSize, and customStyles.

Props	Type	Default	Description
`columnCount`	number or keyword (string)	`“auto”`	(Optional) The number of columns.
`columnWidth`	number or keyword (string)	`230`	(Optional) The minimum width of the gallery’s columns.
`gapSize`	number	`24`	(Optional) The gallery’s gap size.
`customStyles`	ImageGalleryStylesType		(Optional) Custom styles to override the following element’s default styles: Loader container: `loaderContainer` Gallery container: `galleryContainerStyle` Gallery image button: `imageBtnStyle` Gallery video container: `videoContainerStyle` Gallery image element: `videoImageStyle` Gallery video caption: `videoCaptionStyle` Modal container: `modalContainerStyle` Modal slide number: `modalSlideNumberStyle` Modal toolbar: `modalToolbarStyle` Modal toolbar button: `modalToolbarBtnStyle` Modal slideshow section: `modalSlideShowSectionStyle` Modal iframe element: `modalIFrameStyle` Modal slide button: `modalSlideBtnStyle`

How to Update the React YouTube Playlist Package

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

Alternatively, you can use Yarn or pnpm like so:

yarn upgrade @codesweetly/react-youtube-playlist --latest

pnpm update @codesweetly/react-youtube-playlist --latest

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