Extension Pack for React JS

Recommended setup:

Editor Font - Fira Code

Console Font - Meslo Nerd Font (MesloLGS NF)

VSCode settings.json:

Tip: If the font doesn't work change "FiraCode-Retina" to "Fira Code" everywhere below

{
  "[svg]": {
    "editor.defaultFormatter": "jock.svg"
  },
  "cSpell.enableFiletypes": ["!json"],
  "debug.console.fontFamily": "MesloLGS NF",
  "editor.codeLensFontFamily": "FiraCode-Retina",
  "editor.defaultFormatter": "svipas.prettier-plus",
  "editor.fontFamily": "FiraCode-Retina",
  "editor.fontLigatures": "'ss03', 'ss05', 'ss06', 'ss07', 'zero'",
  "editor.formatOnSave": true,
  "editor.inlineHints.fontFamily": "FiraCode-Retina",
  "editor.minimap.enabled": false,
  "editor.wordWrap": "on",
  "markdown.preview.fontFamily": "FiraCode-Retina",
  "scm.inputFontFamily": "FiraCode-Retina",
  "svg.preview.background": "dark-transparent",
  "tabnine.experimentalAutoImports": true,
  "terminal.integrated.fontFamily": "MesloLGS NF",
  "workbench.iconTheme": "vscode-seedling-icon-theme",
  "workbench.startupEditor": "readme",
  "cSpell.language": "en-GB",
  "workbench.colorTheme": "Becave Theme"
}

And remember, a wise man once said:

“The code is more what you'd call 'guidelines' than actual rules.”