DEV Community

Cover image for What I learned building vue3-search-select package
Adetola
Adetola

Posted on

What I learned building vue3-search-select package

A few months ago, I was working on an application that required me to have a custom select to show things in a certain way. To be explicit, I needed to show the select drop-down this way: "firstName LastName | staffId"

I wanted to use a package for this as it had to be implemented in an application I was building. So I surfed the internet, search engines, etc to get a package to help with this but no package offered such feature. This put me in a dilemma on how best to proceed, after few hours of deliberation, I concluded I had to build the select component myself.

I knew this was going to be tough, but I was prepared. After all, programming is all about problem-solving.

I successfully built the custom select component, it worked fine after I perfected it. This took me about two weeks to build and perfect, as this was a side project I was building.

After perfecting the custom component, I thought, "What if I share this component as a Vue package with the community?"

So I created a new NPM project which is actually my first package and named it vue3-search-select.

Kindly see the package here

vue3-search-select - npm

A lightweight and versatile Vue search and select package allowing for efficient searching, selection, and modification of items. Latest version: 1.0.10, last published: 2 months ago. Start using vue3-search-select in your project by running `npm i vue3-search-select`. There are no other projects in the npm registry using vue3-search-select.

favicon npmjs.com

The lessons I learned from building this package are

  • In programming anything is possible.
  • Belief, never-say-die spirit, and dedication are important to doing anything significant.
  • Building a package will significantly improve your programming skills and showcase what you are capable of.
  • Last, but not least, the community has helped you grow one way or another, so why not give back to the community.

This is my experience building the vue3-search-select package. I hope anyone thinking of building something for the community will take this as an inspiration.

Happy coding!

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more