Skip to content

Development tools

Jump to bottom
farres1 edited this page May 3, 2022 · 14 revisions

IDE/TextEditors

The team uses VSCode for development.

Extensions

  • Prettier (auto formats) *
  • Docker (lists current containers and supports stopping and removing of containers)
  • Eslint (runs Eslint server in vscode)
  • Gitlens (provides extra git options and who has committed what on a line basis)
  • Path intellisense (provides autocomplete for import paths)
  • Bracket pair colourizer (colours pairs of brackets the same)
  • vscode-styled-components (syntax highlighting for styled components)

* Required

Applications

  • Docker (needed for running containers) -Docker-compose (Also needed for running containers)
  • Chrome as a browser (eq-author-app is developed with Chrome currently)
  • Postman (used for testing endpoints. Can be used for Graphql)
  • GPG keychain (stores gpg keys required for github)
  • GIPHY capture (makes gifs that can be used in github to support Pull requests and tickets)
  • Slack (communicating between team)

Chrome extensions

  • JSON formatter here (parses JSON data) *
  • React dev tools here (used for profiling and viewing React components) *
  • Apollo client developer tools here (needed for graphql queries) *
  • Grammarly here (optional, helpful for correcting spelling and grammar mistakes)

* Required

Terminal

The team uses iTerm2 instead of the default terminal that comes with macOS.

It has many useful plugins and is easily configurable. It can be downloaded here.

The following article is helpful when trying to setup iTerm2 for the first time and switching to .zsh from bash.

https://medium.com/better-programming/setting-up-your-mac-for-web-development-in-2020-659f5588b883

Extensions

The article mentions Oh my Zsh which is helpful to manage .zsh configurations. There are many plugins but several useful ones include:

  • zsh-autosuggestions
  • zsh-syntax-highlighting
  • git (allows you to see what git branch you're currently on)

Dependencies and technologies

  • Node.js here
  • nvm here (node version manager)

Other useful information

Language docs

Books

Command line

This is a pretty useful guide to become more proficient using the command line

Clone this wiki locally