drblue

Recommended VS Code extensions

The first two are for TypeScript development and the rest are extensions that improves the DX (Developer Experience).

Pretty TypeScript Errors

Make TypeScript errors prettier and human-readable in VSCode.

https://marketplace.visualstudio.com/items?itemName=yoavbls.pretty-ts-errors

drblue

#!/bin/bash

# Function to show usage
usage() {
	echo "logf: A script to execute a command and log its output to both a file and the console."
	echo
	echo "Usage: $0 [-a] <logfile> <command> [args...]"
	echo "  -a  Append to the logfile instead of overwriting"
	exit 1
}

drblue

#!/bin/bash
# Clones all student repos from GitHub Classroom using the GitHub CLI with GitHub Classroom extension
# Accepts an assignment ID as an argument
# If no argument is provided, it will show all assignments and prompt for one
# If there are more than 30 repos, it will prompt to continue and clone the next page until all repos are cloned

# Function to round up
ceil() {
	num=$1
	printf "%.0f\n" $(echo "$num + 0.999" | bc)

drblue

# Netlify Config for Vite React apps
# 
# See <https://docs.netlify.com/configure-builds/file-based-configuration/>
# for more info on configuring this file.
[build]
  command = "tsc && vite build"
  functions = "netlify/functions"
  publish = "dist"

[[redirects]]

drblue

function git-branch-name {
  git symbolic-ref HEAD 2>/dev/null | cut -d"/" -f 3
}
function git-branch-prompt {
  local branch=`git-branch-name`
  if [ $branch ]; then printf " [%s]" $branch; fi
}
PS1="\u@\h \[\033[0;36m\]\w\[\033[0m\]\[\033[0;32m\]\$(git-branch-prompt)\[\033[0m\] \$ "

drblue

const products = [
  { name: "Product 1", price: 42 },
  { name: "Product 2", price: 20 },
  { name: "Product 3", price: 1337 },
];

const totalValue = products
	.filter(product => product.price > 30)
	.reduce( (sum, product) => {
  	return sum + product.price

drblue

class Rectangle {
  constructor(rooms, jacuzzi, solarPanels = true) {
    if (typeof height !== "number") {
      throw new Error("Height is not a number")
    }
    this.height = height
    this.width = width
  }

  area() {

drblue

<?php

class MyWidgetSkeleton extends WP_Widget {

	/**
	 * Construct a new widget instance.
	 */
	public function __construct() {
		parent::__construct(
			'my-widget-skeleton', // Base ID

drblue

/**
 * http
 */
const http = require('http');

const server = http.createServer();
server.on('request', function (req, res) {
	// code here
	res.writeHead(200, {
		'Content-Type': 'text/html',

drblue

/**
 * events
 */
const events = require('events');

class Person extends events.EventEmitter{
	constructor(name){
		super();
		this.name = name;
	}