Links

Links I find useful

This is a page of some links that have helped me with a brief description.

Study

• Venkat's talks
  • Lot's of good talks, these are the download, some are also on youtube

Github

• Learn Github branch
  • Good visual tool to learn Git, I like that you can see what git is doing with different commands. The sandbox is so useful when you are trying out something.

CSS

• Learn Flexbox
  • Good visual tool to learn Flexbox and it's fun too. I still go back to this ever once in awhile.

JS

• My Own Functional JS Functions
  • Some functions to help compose functions

Java

• Java Concurrency Tutorial
• Using Jcmd

RegEx

• Useful Regex helper

Snippets and Code Examples

Some code examples, I need to add more links, also some setups I have found useful.

Github

Setup git

Setting up aliases and such.

to see all configs
git config -l
edit config file directly
vi ~/.gitconfig - or - git config --global alias.st status
useful settings from .gitconfig file

user.name=dane
user.email=kingd9@gmail.com
alias.co=checkout
alias.st=status
alias.ci=commit
alias.br=branch
alias.shn=show --name-only
alias.lgn=log --oneline
core.editor=vim

UI

RxJs

Callbacks

NPM Global packages to install

npm install -g win-node-env on windows makes npm calls function as linux

Setup NPM so you don't need sudo

Source

• Step 1: Configure NPM

  • npm config set prefix ~/.local
  • Now NPM will install your global executables to ~/.local/bin, and the libraries to ~/.local/lib/node_modules/

• Step 2: Add ~/.local/bin to your path

  • vi ~/.bashrc
  • PATH=~/.local/bin/:$PATH
  • source ~/.bashrc

Visual Studio Code Setup

To get to user setting

• On Windows/Linux - File > Preferences > Settings or ctl + comma
• Sample user settings enable eslint

{
    "git.autofetch": true,
    "editor.suggestSelection": "first",
    "emmet.triggerExpansionOnTab": true,
    "vsintellicode.modify.editor.suggestSelection": "automaticallyOverrodeDefaultValue",
    "eslint.validate": [
        "javascript",
        "javascriptreact",
        {
          "language": "typescript",
          "autoFix": true
        },
        {
          "language": "typescriptreact",
          "autoFix": true
        }
      ]
}

Emmet Settings

Source

• "emmet.triggerExpansionOnTab": true enables emmet expansion

Setting up eslint typescript with VSCode

• Make sure eslint plugin is already installed
• Install typescript eslint plugin
  • npm install eslint @typescript-eslint/eslint-plugin @typescript-eslint/parser --save-dev
• Install prettier and eslint can ignore formating
  • npm install prettier eslint-config-prettier --save-dev
• Add to .eslint.json

  {
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "jsx": true,
    "useJSXTextNode": true
  },
  "extends": [
    "plugin:@typescript-eslint/recommended",
    "prettier",
    "prettier/@typescript-eslint"
  ],
  "plugins": ["@typescript-eslint"]
}