DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Cover image for πŸ“¦ I wrote my first NPM package
Matheus Mello
Matheus Mello

Posted on

πŸ“¦ I wrote my first NPM package

Introduction

Hello guys & girls, Matheus Mello here πŸ‘‹.

I've been trying to create components and helpers that can be easily installed and used in my different projects.

To achieve that I created my first NPM package: react-mobile-animated-banner

I would like to invite you to use it if you needs it.

Reason why I created this NPM package

The main of it this library is showing the mobile banner on your website, so imagine that you want to convert users from your website to the mobile app, this is where the package comes in.

Preview:

NPM package on the iPhone  XR

NPM package on the iPhone XR

There are a few things that I am still implementing like:

  • [ ] Adding props to accept custom numbers of stars.
  • [ ] Adding props to accept custom styles on all different components.
  • [ ] Adding animation to fade in and out, slide in up/right/left/down.
  • [ ] Retrieving app information from the app stores instead of being only hardcoded.
  • [ ] Adding tests.

Learnings

These are the learning that I got from doing this, it was really hard to understand how you can test or on library while you are developing, also I found tutorials but a few of them were deprecated and after releasing the library it took me some time to understand how I could write the [README.MD](http://README.MD) in a way to help the consumers of the library. I am still looking for a way to improve the documentation and the size of the library itself.

react-mobile-animated-banner on the NPM

react-mobile-animated-banner on the NPM

πŸ•ΊΒ Feel free to help me improving this library and adding more cool features. I would like to know if you are interesting on how I achieved this, using Typescript, Jest, React, Yarn, NPM and GitHub if you want to know more about this process and how you also can do it, let me know.

πŸ‘‹Help me achieving 500 followers on LinkedIn where I share some of my thoughts.

πŸ’° These are my 2 cents for today.

πŸ‘‡ Let me know what you think about this topic in the comments section.

πŸ‘‰ Follow me to know more about it.

βœ… This is my medium where I write all startups, tech and entrepreneurship of topics.

Top comments (0)

Here is a post you might want to check out:

Regex for lazy developers

regex for lazy devs

Sorry for the callout πŸ˜†