Archi's Academy

BLACK FRIDAY

85% Discount for all November

clock-icon
00days
00hours
00minutes
00seconds
Get in touch

Software Development

JavaScript

##What is NPM?

npm is a package manager for the JavaScript programming language. npm, Inc. is a subsidiary of GitHub, that provides hosting for software development and version control with the usage of Git. npm is the default package manager for the JavaScript runtime environment Node.js ​ ##Why we are using NPM packages?

We are using npm packages because they help us to achieve our goal without writing all features from scratch it's important to use correct npm packages and find the reliable ones. I have listed 10 good npm packages that you might use in your project let's take a look at them together.

###1. react-currency-format:

If you are looking for a package that formats your input text etc., this package is the best one for you.

Github

react-currency example format

###2. Prop-types:

When your app grows you need to send your prop-types correctly. This package will help you to see what are the prop-types. It makes your component type-safe.

NPM

###3. Moment:

Moment.js is a time manipulation library to help you format your date how you want.

NPM

###4. React DnD:

React DnD helps you to build complex drag and drop interfaces. It is the best and most advanced drag and drop package for React.

Website

react-dnd-chess

###5. react-i18next:

react-i18next is the best internationalization framework for React. It helps you to make your project multi-language. There is good documentation that you can learn from.

Website

###6. React-Calendar:

React-Calendar Package will help you to create a calendar for your app.

NPM

react-curreny example format

###7. react-slick:

react-slick is a carousel component for React it will help you to create a slider etc. There is good documentation where you can learn more about it.

Website

###8. Axios:

Axios is a promise-based HTTP client for the browser and node.js.

NPM

###9. react-router-dom

react-router-dom package is router components for the websites. This is good documentation to learn more about it.

Website

###10. Redux:

redux is a state management package for React. It is an advanced package that is not preferred in small apps.

Website

Archis-frontend-developer-trainee

Baris Babahan

Friday, Apr 16, 2021