Matheus Mello

Berlin, Germany

πŸ“¦ I wrote my first NPM package

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

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 need it.

The 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

There 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 the 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

πŸ•ΊΒ Feel free to help me improve this library and add more cool features. I would like to know if you are interested in 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 achieve 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.

More Stories

Cover Image for Convert Array of Numbers to Array of Strings in JavaScript

Convert Array of Numbers to Array of Strings in Ja ...

Convert Array of Numbers to Array of Strings in JavaScript...

Matheus Mello
Matheus Mello
Cover Image for Check if specific Text exists on the Page using JavaScript

Check if specific Text exists on the Page using Ja ...

Check if specific Text exists on the Page using JavaScript...

Matheus Mello
Matheus Mello
Cover Image for Check if String contains at least one Number in JavaScript

Check if String contains at least one Number in Ja ...

Check if String contains at least one Number in JavaScript...

Matheus Mello
Matheus Mello