Building a Music Player in React

This page summarizes the projects mentioned and recommended in the original post on dev.to
UI Components JavaScript HacktoberFest Icons Audio

SurveyJS
Our great sponsors
  • SurveyJS - Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
Our great sponsors

  • use-sound

    A React Hook for playing sound effects

    • use-sound: This will handle the audio file. It will load, play, and pause the audio along with other features.

  • howler.js

    Javascript audio library for the modern web.

    • play and pause is for playing and pausing the audio. duration is for the length of the track in milliseconds. sound will provide us with the howler.js method for the sound.

  • SurveyJS

    Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

    SurveyJS logo

  • react-icons

    svg react icons of popular icon packs

    • react-icons: For adding icons of play, pause, next and previous into our player.

  • picsum-photos

    Lorem Ipsum... but for photos.

    • return (

    Playing Nowh2>

    Rubaiyyanh3>

    Qalap> div>

    IconContext.Provider> button> {!isPlaying ? ( IconContext.Provider> button> ) : ( IconContext.Provider> button> )} IconContext.Provider> button> div> div> );

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts