How to pick correct JS library for Building Bubble plugin?

Search for a command to run...

No comments yet. Be the first to comment.
I have included all the information related to how you can build the Bubble plugin in this series. Check my course on how to build plugin from scratch- https://nocodetalks.co/bubbleplugin
Converting various file types, such as images and PDFs, into base64 strings is an excellent method for storing them in a database. Bubble's File API only permits base64 data uploads, disallowing direct uploads of PDFs and images. Use the following co...
Most websites use CSS :hover for hover effects. You can see them in the stylesheet, copy them, move on. Framer doesn't do that. Framer uses a React animation library (Framer Motion) with a whileHove

https://www.youtube.com/watch?v=63Lkpw8fGAw Introduction to Xano: A No-Code Backend Solution When it comes to choosing the right backend service for your project, Xano emerges as a noteworthy contender. This video explores the various facets of Xan...
Hi Everyone, This newsletter will be a little different from the ones before. In this edition, I'm excited to launch the Xano Cohort program, which I will be running. The program will start on May 6th for 6 weeks. Why I am starting this: Whenever I...

Learn what workload units are in Bubble, how they are calculated, and discover actionable strategies to optimize and reduce your app's workload units for better performance and cost efficiency. One think before moving forward- If you are reading thi...

There are instances when you may need to access an element created within the Bubble editor. For example, in a plugin, you might want to return the number of characters a user types into an input element. Follow these steps: Step 1: Enable the "Expos...

So you're facing Bubble limitations and planning to build a plugin. However, there's a good chance that someone has already solved the problem and packaged it into a JavaScript library. It's always better to use an existing library rather than building one from scratch.
Let's say you want to build an audio recorder plugin; you might search for it on Google but end up finding numerous libraries and struggle to decide which one to choose.
Let me help you with this process:
Step 1:
List all the features you want in this plugin.
Since we want to build an "Audio Recorder" plugin, let's write down its sub-features:
- Start audio recording - Stop audio recording - Pause/resume recording - Option to upload recording to the server - Stop recording at a pre-defined time
Step 2:
Visit npm and search for JavaScript libraries using relevant keywords.
Step 3:
Review each library's documentation to determine if it supports the features mentioned in Step 1.
Step 4:
Don't forget to check the issue section on GitHub for each library. See if people are answering questions and if there's a good community of developers. This way, if you encounter issues in the future, there will be people to help you.
Step 5:
Check the size of the library, which is important if you're using it on the client side.
That's all for this blog. Subscribe for more future updates. Thank you!
Follow me on Twitter.
Checkout My Bubble Plugin Course - Use coupon code "THEBUBBLEGROUP" at checkout for 10% discount.