Kritika SrivastavaSince 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.
