Discover gists

What we will setup

1. ZSH

ZSH, also called the Z shell, is an extended version of the Bourne Shell (sh), with plenty of new features, and support for plugins and themes.

2. oh-my-zsh

This is a framework for zsh

3. Powerlevel 10k

Powerlevel10k is a theme for Zsh. It emphasizes speed, flexibility and out-of-the-box experience.

GROKKING NOTES

I liked the way Grokking the coding interview organized problems into learnable patterns. However, the course is expensive and the majority of the time the problems are copy-pasted from leetcode. As the explanations on leetcode are usually just as good, the course really boils down to being a glorified curated list of leetcode problems.

So below I made a list of leetcode problems that are as close to grokking problems as possible.

Pattern: Sliding Window

A series of reading lists mostly related to functional programming.

Charts are from different sources and thus colors are inconsistent, please carefully read the chart's legends.

Like this? Check React Native vs Flutter: https://gist.github.com/tkrotoff/93f5278a4e8df7e5f6928eff98684979

Stack Overflow trends

https://insights.stackoverflow.com/trends?tags=reactjs%2Cvue.js%2Cangular%2Csvelte%2Cangularjs%2Cvuejs3

Code Transformations via `diff-match-patch`

Demo.mp4

Inspired by Shiki Magic Move

This code uses Google's diff-match-patch library to animate code transformations in Manim.

	{
	"compilerOptions": {
	/* Basic Options */
	"target": "esnext" /* Specify ECMAScript target version: 'ES3' (default), 'ES5', 'ES2015', 'ES2016', 'ES2017','ES2018' or 'ESNEXT'. */,
	"module": "commonjs" /* Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015', or 'ESNext'. */,
	"lib": [
	"esnext",
	"dom"
	] /* Specify library files to be included in the compilation. */,
	// "allowJs": true, /* Allow javascript files to be compiled. */

	# WAIT! Do consider that `wait` may not be needed. This article describes
	# that reasoning. Please read it and make informed decisions.
	# https://www.varvet.com/blog/why-wait_until-was-removed-from-capybara/

	# Have you ever had to sleep() in Capybara-WebKit to wait for AJAX and/or CSS animations?

	describe 'Modal' do

	should 'display login errors' do
	visit root_path

	'use client'
	import React, { useRef, useState, useEffect } from 'react';
	import { useWavesurfer } from '@wavesurfer/react';
	import * as Tone from 'tone';

	export default function Page() {
	const containerRef = useRef<HTMLDivElement>(null);
	const audioRef = useRef<HTMLAudioElement \| null>(null);
	const [playing, setPlaying] = useState(false);
	const pitchShift = useRef<Tone.PitchShift \| null>(null);