Scribd
Upload
22 views

Yarn, Gulp

Yarn is a package manager that allows developers to share and reuse code through packages. It installs packages quickly, securely, and reliably. Code is shared through packages that contain the code and a manifest file describing it. Yarn allows finding solutions to problems through other developers' packages and keeping everything up to date through GitHub issues and fixes.

Uploaded by

Florentino Octavio Mejía Rosales
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
22 views

Yarn, Gulp

Yarn is a package manager that allows developers to share and reuse code through packages. It installs packages quickly, securely, and reliably. Code is shared through packages that contain the code and a manifest file describing it. Yarn allows finding solutions to problems through other developers' packages and keeping everything up to date through GitHub issues and fixes.

Uploaded by

Florentino Octavio Mejía Rosales
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 13

Yarn is a package manager for your code.

It allows you to use and share code with other


developers from around the world. Yarn does this quickly, securely, and reliably so you don't ever
have to worry.

Yarn allows you to use other developers' solutions to different problems, making it easier for you
to develop your software. If you have problems, you can report issues or contribute back
on GitHub, and when the problem is fixed, you can use Yarn to keep it all up to date.

Code is shared through something called a package. A package contains all the code being shared
as well as a package.json file (called a manifest) which describes the package.
Frequently Asked Questions (FAQs)

What is a package manager?


Package managers or Package Management Systems are collections of tools that help you install,
remove, modify, upgrade, configure computer programs, as well as audit dependencies and
report which ones should be upgraded to mitigate potential vulnerabilities. In today's world,
developers rely on packaged software, which means that the software comes within one single
file that wraps up everything needed to make that software work on our system. If not
everything, it at least contains references to where the system can obtain the information it
needs.
Is Yarn better than NPM?
In terms of speed and performance Yarn is better than NPM because it performs parallel
installation. Yarn is still more secure than NPM. However, Yarn uses more disk space than NPM.

What is Yarn?
Yarn is a relatively new package manager developed by Facebook to provide more advanced
capabilities that NPM lacked at the time (such as version locking) while also making the product
more safe, reliable, and efficient.
What is NPM?
NPM is the default package manager for Node.js and ships pre-installed when you download
Node.js on your system. With NPM, it is quite easy and simple to install, manage and remove
Node.js dependencies in your project.

Can I use NPM instead of Yarn?


Yes, you can use NPM instead of Yarn if you are satisfied with the current workflow. However, if
you wish to have better performance, speed, and security, it is better to choose Yarn.
What is the major difference between NPM and Yarn?
The major difference between NPM and Yarn comes in terms of security performance. While NPM
installs packages sequentially, Yarn performs parallel installation resulting in better speed and
performance. NPM has tried to fix vulnerabilities, but still, Yarn is considered more secure than
NPM. Yarn also comes with advanced features like Plug’n’Play and Zero-Install.
Installation commands

> corepack enable


> corepack prepare yarn@stable –activate
> yarn –v
> yarn init -2
A toolkit to automate & enhance your workflow
Leverage gulp and the flexibility of JavaScript to automate slow, repetitive workflows and
compose them into efficient build pipelines.

Since 2013, gulp has been the toolkit of choice for developers and designers alike. Not only do we
have communities who’ve relied on us since the beginning, but there’s also a constant flow of
new users who find out how great their workflow can be with gulp.
Installation commands

> npm install gulp-cli –g


> yarn add gulp –dev
> gulp -v
Create a gulpfile
Using your text editor, create a file named gulpfile.js in your project root with these contents:

Test it:
> yarn run gulp
Most useful extensions
- Path intellisense
- Auto close tag
- Auto rename tag
- VS Code Prettier ESLint
- Git Lens
- CSS Navigation
- Tailwind CSS intellisense
- CSS Flexbox Cheatsheet
- Icon Fonts

You might also like