Howdy folks,
There is zero doubt that JavaScript & TypeScript have been trending for years. For new projects, people likely choose either JS or TS because of their flexibility, easily of learning, getting along, and fast iteration.
To make sure your projects are readable, maintainable, scalable, and bug-free. DummyTechDev will share with you the must-have packages for new JS/TS projects 😎.
Awesome packages for new JS/TS projects
Prettier
Prettier is an opinionated code formatting. It makes sure everyone’s code will follow the same standard, configuration.
And you know what they said: “Consistency is king”.
Install prettier is really simple.
npm install --save-dev --save-exact prettierAdditionally, prettier is compatible with many IDEs and code editors out there (Webstorm, VS Code, etc). We can set up prettier to run every time we save the file (which is really cool)
ESLint
ESLint is an analyzer tool to smell and find problems/early bugs for us.
Additionally, ESLint also provides good suggestions for following the best practices & standards in the JS/TS world.
ESLint supports a lot of variants in the JS family: Vanilla JS, Vue, React, TypeScript, JSX, etc.
Same as Prettier, ESLint has been adapted in many IDEs & Code Editors too.
Run this command to install ESLint:
npm init @eslint/config@latestNodemon
(For backend project) Nodemon is a helper tool that automatically detects changes and automatically reloads your application. Super handy for Backend development.
Install nodemon globally using this command:
npm install -g nodemonVite
(For frontend project) Vite is an all-in-one front-end tooling, from development to production, from the Vue team to the world.
Unlike webpack, starting the development work using Vite takes milliseconds. The production build is also blazing fast.
Vite is pretty much a standard nowadays for Vue, React, or other projects.
Ending words and conclusion for Awesome packages for new JS/TS projects
So that’s are the most popular and loved packages in the JS family. Make sure to install them and boost up your development process.
If you have other awesome packages in mind, feel free to comment and share with us 🥰.
Thank you guys for reading! Hope you guys will have a great weekend!
