DEV Community

Cover image for Few npm packages for using in your project
Kritika Srivastava
Kritika Srivastava

Posted on

Few npm packages for using in your project

Since I am working in React I want to share some npm packages which I have used in my projects which I got to know during my journey of learning.
HOW TO USE-For using it in your project you need to install it,import it and then use it accordingly.I have also linked a project of mine where I have used the package so that it is easy for you to understand.

So,let us take a look at the below list:

1.uuid:
LINK
USE-You can use this package for generating unique id in your project.For example,if you want to edit or delete any data in your project then React needs to know exactly which data you want to modify.
EXAMPLE PROJECT- Bookmark App.
Github Repository Link,
DEMO LINK

2.currency-symbol-map:
LINK
USE-You can use it to generate currency symbols in your App for various currencies.For example,in Expense tracker you can choose to have symbols for Euros or Dollar based on in which unit you are recording your expenses.
EXAMPLE PROJECT- Expense Tracker.
Github Repository Link,
DEMO LINK

3.react-markdown:
LINK
USE-You can use this package to generate Markdown preview of your markdown text.
EXAMPLE PROJECT- Markdown Previewer.Just try to paste any one of your Github Project's README file to see the preview.
Github Repository Link,
DEMO LINK

4.react-dark-mode-toggle:
This one is really handy.
LINK
USE-You can use this as a toggle button in your App for switching to light theme or dark theme.
EXAMPLE PROJECT- Menu Card
Github Repository Link,
DEMO LINK

5.validator.js:
LINK
USE-It is a string validator.For example,you can use it to validate the url.
EXAMPLE PROJECT- Bookmark App.
Github Repository Link,
DEMO LINK

6.react-icons:
LINK
USE-As the name suggests you can use it for displaying icons in your project.

Ofcourse there are many npm packages but I wanted to mention only few for now which we use in general.Let me know which npm packages you are using apart from these.

Happy Learning :)
You can follow me on Twitter and Github.

Top comments (4)

Collapse
 
thevediwho profile image
Vaibhav Dwivedi

I recently discovered about uuid and it is such an underrated package! Thank you for sharing these packages. I will check out the rest.

Collapse
 
kritika27 profile image
Kritika Srivastava

True.Thanks Vaibhav :)

Collapse
 
kunalt96 profile image
Kunal Tiwari

Thanks for the dark mode one, I appreciate your efforts, I loved them. Thanks 👍

Collapse
 
kritika27 profile image
Kritika Srivastava

Thanks Kunal :)