Package Stack

Summary

This includes a list of all the packages as well as commands for adding them to project using Yarn.

Package List

• Prod

  • react : Needed for implementing the examples of this package
  • react-dom : Same reason as react
  • react-treeview : Same reason as react

• Dev

  • autoprefixer : Sames as react, but specifically for CSS Browser Vendor Prefixes
  • babel-core :
  • babel-loader :
  • babel-plugin-transform-runtime :
  • babel-preset-es2015 :
  • babel-preset-react :
  • babel-root-slash-import : Allows for us to to absolute imports which is must for easier to follow and read import statements.
  • bootstrap-loader :
  • bootstrap-sass :
  • css-loader : NOTE need to investigate how this needs to be configured in Webpack. Was utterly broken.
  • file-loader :
  • jest : Used for assertion and snapshot testing
  • jquery :
  • node-sass :
  • postcss-loader : NOTE need to investigate how this needs to be configured in Webpack. Was utterly broken.
  • resolve-url-loader :
  • sass-loader :
  • style-loader :
  • svg-sprite-loader :
  • url-loader :
  • webpack :
  • webpack-browsersync :
  • webpack-dev-middleware :
  • webpack-hot-middleware : NOTE need to investigate how this needs to be configured in Webpack. Was not doing anything.

• Global

  • firebase-tools : Needed for deploying examples to firebase hosting.
  • webpack-dev-server : Needed for being able to utilize hot reloading, etc... during development

Add Dependencies Commands

Useful for being able to update packages to the latest major version by removing the package(s) from the package.json specification and then running one or all of these commands.

• Add Prod Dependencies

yarn add react react-dom react-treeview

• Add Dev Dependencies

yarn add --dev autoprefixer babel-core babel-loader babel-plugin-transform-runtime babel-preset-es2015 babel-preset-react babel-root-slash-import bootstrap-loader bootstrap-sass css-loader file-loader jest jquery node-sass postcss-loader resolve-url-loader sass-loader style-loader svg-sprite-loader url-loader webpack webpack-browsersync webpack-dev-middleware webpack-hot-middleware

• Install Global Dependencies

yarn global add firebase-tools webpack-dev-server