WebDev 101: How to use npm and Yarn

• unicorn-utterances

  1 121 9.9 TypeScript

  🦄 Practice programming with magically majestic methods

  

{ "name": "unicorn-utterances-site", "description": "Learning programming from magically majestic words", "version": "0.1.0", "bugs": { "url": "https://github.com/unicorn-utterances/unicorn-utterances/issues" }, "scripts": { "start": "node index.js", }, "dependencies": { "classnames": "^2.1.3" }, "devDependencies": { "prettier": "^1.19.1" } }

• classnames

  94 17,367 8.4 JavaScript

  A simple javascript utility for conditionally joining classNames together

Most projects you'll run into will have at least one dependency. A dependency is a library that your project depends on for it's functionality. For example, if I use the classnames library to generate CSS-friendly class names from a JavaScript object:

• SurveyJS

  surveyjs.io featured

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• semver

  724 7,037 0.6

  Semantic Versioning Specification

  

While you can use these numbers arbitrarily, most projects follow a standard called "Semantic versioning" (aka "SemVer" for short).

• prettier

  441 48,301 9.8 JavaScript

  Prettier is an opinionated code formatter.

  

While dependencies list out the libraries you use in your project's code, devDependencies list out the libraries you use for your development environment. For example, you might use prettier to keep a consistent code style for all of your JavaScript files, but your code does not rely on eslint to function. Tools like webpack, babel, typescript, and more would belong here.

Suggest a related project