Collection

readme.md

A collection of interesting and useful things

Other repositories I've created

• An extension to invoke Sublime Merge commands in VS Code
• Goparsify - A parser cominator library that lets you parse text and give meaning to the items in it
• Lastly - Get song link for various music streaming platforms using Last.fm
• Live server on Python
• My dotfiles

Effects and Interactions

• Text shimmer
• Cascade - Nested popup menus with transition between them
• Studies using vvvv
• Animation playgrounds on the web using Framer Motion, React Spring v9, and with an earlier release of React Spring v9
• Shunya (with Pts.js)

Go

• Wait forever so that your goroutines can finish

React

• useEffectOnce for v18
• Scroll restoration
• An improper code to keep alive routes in React Router
• Inaccessible modal
• Tabs
• Merge references
• MDX TOC and a way to get a link by combining heading levels
• useObservables for MobX
• Control props
• useAsync + ky
• Portal
• Extend HTML Element
• Using slightly lower level APIs

JS

• Understanding this keyword
• Load libraries in browser
• Rainbow logger (Chrome)
• Tree node in JS
• 🔫 pewpew - A quick fuzzy matcher
• Okay-ish way to get title and favicon on the browser
• setImmediate polyfill
• Worker pool (also see: a basic implementation)
• Create sets of ranges for search inferred from matched indices
• Comment formatter and http://www.nicemice.net/par/
• Breakpoint when a value changes

TS

• Skip semicolons with the assist of an ESLint rule
• String, number and object validation
• Extract type from "a.b.c"
• Few TS types and some findings
• Parse Markdown links (not safe)
• Debounce
• Elastic tabstops

CSS

• Scrollable content
• Engaging focus ring
• Make child occupy full height
• Concentric corner radius between parent and child @13:25 (inner corner radius + padding = outer corner radius)
• Loading around src 1 src 2 src 3 src4
• Animation inside button and reason to prefer this format over Lottie
• Debug

Git

• Notify when a git push gets completed (Windows)
• Modify author's name and email of a commit
• Copy contents of a Git repo from a particular hash

Linux

• Install Fedora on WSL
• Up - cd up till you find the entered name as child dir (Fish)
• 🍑 Butt - Target a dir in PWD (Fish)
• Setup emojis for Kitty on Ubuntu
• Run GUI apps on WSL (see its comments)
• Add apps to launcher
• Personal notes on installing Fedora distro (dual boot) (private)
• Pasting sensitive info into a field on X11
• Pasting sensitive info into a field (old way on Wayland)

LLMs

• (not refined for public consumption) better prompting and hints

Others

• Macbook manual setup
• Nvim (Neovim) docker image, or a fledged one using Fedora
• Develop React Native apps in Elementary/Ubuntu w/o Android emulator
• React useState snippet that camelcases state setter properly (VSCode)
• Automate Neovim using neovim-remote
• I marked it as "Git stuff" but I don't know what it is (probably inspirations to make a good Git client??)
• A video on WebRTC that I haven't watched yet
• Download Udemy course
• Custom user models in Django
• Eclipse setup in Ubuntu
• Minshift problem's solution on CodeChef
• Basic Applet in Java
• A really old Fish config that I don't use anymore