Technology Stack

Table Of Contents

• React
• Babel
• State Management
• React Storybook
• Testing
• Package Management
• Linters
• Version Control
• Bundling System
• API

React

• Main framework for our projects. We use an ejected instance of create-react-app.
• https://egghead.io/technologies/react

Babel

• We use cutting edge javascript that is not available in all browsers yet. Babel is the Javascript compiler that allows us to use next generation Javascript today.
• https://babeljs.io/

State Management

MobX

• https://egghead.io/courses/manage-complex-state-in-react-apps-with-mobx
• https://medium.com/@mweststrate/becoming-fully-reactive-an-in-depth-explanation-of-mobservable-55995262a254

React Storybook

• Provides an isolated environment to develop UI components outside of the main app.
• https://voice.kadira.io/introducing-react-storybook-ec27f28de1e2

Testing

Jest

• https://egghead.io/lessons/javascript-test-javascript-with-jest

Package management

Yarn (NPM alternative)

• https://www.sitepoint.com/yarn-vs-npm/

NPM (Node package manager)

• https://egghead.io/lessons/javascript-how-to-write-a-javascript-library-configuring-npm-and-creating-a-package-json

Linters

Standard js

• https://standardjs.com/

Version control

Git

• https://egghead.io/lessons/javascript-introduction-to-github

Bundling system

Webpack

• https://egghead.io/lessons/javascript-intro-to-webpack

API

Turbine:

• https://api.schoolstatus.com/swagger/index.html