What

Overview

Maintain list of things that I did in resolution of month and year.

Technologies

• React (react & react-dom) - Front end UI library. Used to add virtual dom, state binding and component architecture.
• Mobx (mobx, mobx-react, mobx-react-devtools & mobx-utils) - Advanced state management library. Observe changed to variables and update observers accordingly.
• Webpack (webpack, webpack-cli & webpack-dev-server) - Bundling tool. Used to grab all assets in a project (html, js, css, images etc), transporm them (transpilation, minification, uglification etc) and bundle them for easy deployment.
• Tape (tape, tape-async, babel-tape-runner) - Test runner for testing app's model. Also, support async-await syntax via tape-async plugin (and has more plugins).
• Jest (jest, jest-babel) - Testing library for React which support UI testing via snapshots.

Code Styling

These are the tools that I'm using in order to enforce coding style in my project:

• .editorconfig - Used to set default editor configurations (encoding, indentation etc).
• Eslint (eslint) - Linter, used to alert when coding style is not correct or there are syntax errors.
• Prettier (prettier) - Used to enforce styling rules, also auto correct coding style on save.

Style

• Rebass - Tiny react components, using styled-components.