Recommended JavaScript Dependencies - nimbletank/nimbletank-coding-standards GitHub Wiki

Use Bundlephobia to see the cost of any npm packages

Use Snyk to find any security vulnerabilities for any npm package. Search their database here: https://snyk.io/vuln/npm:{package} e.g. https://snyk.io/vuln/npm:react

General packages

• auto-bind - Automatically bind methods to their class instance
  • yarn add auto-bind / npm i -S auto-bind
• Lodash - A modern JavaScript utility library delivering modularity, performance & extras.
  • yarn add lodash / npm i -S lodash
• Just - A library of dependency-free utilities that do just do one thing (like Lodash but smaller)
  • Install each util independently
  • Read the tradeoffs document to see if Lodash is better
• axios - Promise based HTTP client for the browser and node.js
  • yarn add axios / npm i -S axios
• date-fns - Modern JavaScript date utility library
  • yarn add date-fns / npm i -S date-fns
• object-get - Access nested property values at any depth with a simple expression
  • yarn add object-get / npm i -S object-get
• Jest - Delightful JavaScript Testing
  • yarn add jest / npm i -S jest
  • See our wiki page on using Jest: /nimbletank-coding-standards/wiki/Javascript-unit-testing
• Flickity - carousel
  • yarn add flickity / npm i -S flickity
• attach.js - Attach.js removes dependancy on messy CSS selectors when attaching JavaScript to the page. Very useful for non-React/Angular/SPA projects
  • yarn add attach.js / npm i -S attach.js
• gator - Gator is a Javascript event delegation library.
  • yarn add gator / npm i -S gator
• get-size - Get the size of elements
  • yarn add get-size / npm i -S get-size
• lazysizes - High performance and SEO friendly lazy loader for images (responsive and normal), iframes and more, that detects any visibility changes triggered through user interaction, CSS or JavaScript without configuration.
  • yarn add lazysizes / npm i -S lazysizes
• liteready - A lightweight DOM ready.
  • yarn add lite-ready / npm i -S lite-ready
• passport - Simple, unobtrusive authentication for Node.js
  • yarn add passport / npm i -S passport
• responsive-watch - Watch some media queries and react when they change
  • yarn add responsive-watch / npm i -S responsive-watch

React packages

• next.js - Framework for server-rendered or statically-exported React apps
  • yarn add next react react-dom / npm install -S next react react-dom
• styled-components - CSS-in-JS for React
  • yarn add styled-components / npm i -S styled-components
• design-system-utils - Design system framework for modern front-end projects
  • yarn add design-system-utils / npm i -S design-system-utils
• formik - Build forms in React, without the tears 😭
  • yarn add formik / npm i -S formik