Here is a way to render a React component in the browser only when using NextJS.To render on the client only, wrap your component in a dynamic import.With this component in my-component.ts:'use client' import React from 'react' export interface MyComponentProps {} export function MyComponent(props: ...

Here's how to add an app, script or any command to dmenu.Often you'll need to add your own command to dmenu because it's not put there automatically for you, as when you install from a package manager. Maybe, for instance, you need a little script that wraps the starting of an app with flags, as is ...

Here's a method to run an AppImage on Pop!_OS that worked for me.An AppImage is a file that contains a Linux that will supposedly "run anywhere". It probably does, who knows. But for me, I had trouble with running one that I tried recently.Looking for help, I found some that suggested using fuse to ...

Here's a way to config i3 specific to a computer within a single i3 config file.This is a version of this article's solution with a few more basics for a n00b like me.Set a HostnameFirst, we must identify our particular computer. We'll do this by setting a hostname. I'll call my host rexkwando:hostn...

Here are my reasons to use the function keyword when declaring functions in JS.Using the function keyword in JavaScript has gone out of vogue since the advent of arrow functions (ie () => {}) in es2015. To declare a function with the function keyword, you write:function myFunction() {}And with an ar...

Here's a way to open files from a git log of file paths.WhyGit log is a great starting point to open relevant files. These might be files related to a feature. Or they might be files that you've recently edited.If you open the git log, it'll list paths to these files for you. Instead of copying and ...

Here's how to mock out process.env in a Jest test.This essentially from this StackOverflow post, reproduced here for my own reference.The ConceptIt turns out that you can set process.env to the value you want, not just read from it. What we'll want to do is save a version of the original process.env...

Here are some conventions I love for naming string de/serialization functions.The namesThe names are parse and format. Prefixes, as in: parseAThing or formatAThing.I love these names. There are many std libs that use these names for things like dates and strings.When to useWhen a string is being cre...

As a default, prefer your code to be local and specific. This preference will make your code easier to understand and maintain.Relation by LocationIf code is colocated, it's easier to see what uses what. The callers and callees are side by side. You can see the association. The caller is not reachin...

Reusability has costs. We often ignore those costs. One cost is coupling."Make Your Code Reusable""Make your code reusable." - This sounds great."Couple your code to other places in the codebase." - This sounds bad.At least in part, they mean the same thing -- reused and coupled. But often we say th...

Here's how to start apps using i3 keyboard shortcuts. Or: How to make an i3 app switcher.You have a tool, like your screenshot tool, flameshot that you want to start when pressing a global key combination.Set Key BindingYou're in luck. i3 can help you. Pop open the config:nvim ~/.config/i3/configMy ...

Here's how to install a new font on Linux for your user.Where Fonts LiveThe font files -- those happy .ttfs -- need a place to live. Give them hearth and home:mkdir ~/.fontsGet a FontIf you need a good one, you coder types, grab a beautiful mono font -- no, better!, nerd font: IBM Plex Mono:wget htt...

Here's how to undo a git commit amend (and just about anything else).What is an AmendWhen you amend, you're adding extra content to an existing commit. Your amending (or augmenting) something additional onto something original. And it becomes a new thing.But if I do a git log after an amend, I still...

Here's about the simplest static site on Docker you can make.Deployment TargetDocker can go a lot of places. So many places allow you to deploy with Docker. So, can you run your app in a Docker environment? Oh yeah, sure.Create Static SiteThere are so many static site generators. But what's the simp...

Here's how to control multiple processes in a terminal.tl;drC-c - kill process[mycommand] & - background new processC-z - background foreground processjobs - see background processesfg - restore latest bg processfg %1 - restore bg process by job id[mycommand] &| - separate process from terminalProce...

Printing in Linux can be challenging. My experience was less than straightforward. Here is the winding path of things I learned, experimented with and troubleshot. Eventually, I did get a PDF to print.CUPSWhat is CUPS? It stands/stood for Common UNIX Printing System. It converts the print job into a...

Finally, here's how to hide Shorts sections on YouTube.com.Shorts are TerribleI wish YouTube would allow an official top-level option for this. But they don't.Short videos, anywhere from a few to several seconds long, are the junk food of Internet video. As if there wasn't enough junk in that catego...

Here's how to have a rippin' good time ripping an audio CD in Linux.InstallSo many tools, but here's a great cli:sudo apt install abcdeFind CD-ROMInsert your CD, then find the device:lsblkLook for the "Rom" line, like this:NAME MAJ:MIN RM SIZE RO TYPE MOUNTPOINTS ... sr0 11:0 1 382.1M 0 rom/dev/sr0 ...

Here's one way to burn an audio CD in Linux.Get the musicFirst, gets some tunes. Mount the NAS. Create the playlist in CMUS, export it, and we'll start from there.Copy Playlist Files to Single LocationLet's get all the music you want on the CD into one location. Let's start with a plaintext playlist...

Here's how to create a playlist in cmus, an in-terminal music player for linux/mac/terminal-things.InstallPlaying 44100 Hz from the terminal is what all the cool cats are doing. It's a great music library manager and player:sudo apt install cmusAnd open it:cmusI like cmus. But if ya'll have a really...

Here's a tool to take a screenshot in Linux.One thing I love about MacOS is the built-in screenshot utility. It's always there. It works well. I've come to use it a lot.When I'm in Linux, I can miss such a tool. Luckily, there's a great, free, open-source option, Flameshot.InstallRun:sudo apt instal...

Here's how to access the color picker in LinuxI recently wrote a post on how to access a color picker in Win 11. Felt like this might be a good counter to that.Slick Picker: pick-colour-pickerIt's Linux: there are a bajillion options here. For one, try ColourPicker. First, install with snap:snap ins...

Here's how to format clojure code in neovim.LSP HelpNeovim has built-in LSP abilities. Null-ls gives it more abilities. This project was very recently archived, so the future of it (or alternatives) is unclear, but this is what I will use for now.Null-ls has some build-in sources. Importantly, it kn...

Here's an easy-to-use alternative to curl, HTTPie.Installsudo apt install httpiecurl WayHere's a post to a /api/users API, that sends a basic "person" payload in json:curl http://localhost:3000/api/users -H "Content-Type: application/json" -d '{"name": "Curly"}'Deal with headers. Handle proper json ...

Here's how to access the color picker in Windows 11.Install PowerToysThe tool isn't built in. But it can be had by installing a small collection of utilities, called PowerToys.Open the terminal by going to the Start menu and typing cmd.In the terminal, type the install command to install via the Win...

Here's how to evaluate a buffer in neovim in a clojure repl.InstallConjure supports interactive evaluation of several languages from within nvim, including Clojure.Install it with packer:return require('packer').startup(function(use) -- ... use { 'Olical/conjure', -- repl ft = 'clojure' } -- ... end...

Here's how to connect an nvim buffer to an existing nrepl session.nREPLnREPL is a Clojure REPL that is available in a client-server architecture. You might have an nrepl server started somewhere and want to connect your nvim session to it with Conjure.Install ToolsHere using packer, we're putting a ...

Here's how to mount network-available storage (NAS) on a Linux box.Get a ToolIf you mount with CIFS, you will be able to connect to more devices in a more generic way.To enable you to mount with CIFS, you'll need a tool:sudo apt install cifs-utilsFind the NASA filesystem available over the network, ...

Here's how to list the IPs of devices on the network using Linux utils.Get ToolGet the tool:sudo apt install arp-scanDetermine Network InterfaceHow are you connected to the network? Run:ifconfigLook for something like eth0, wlan0 or wlp0s20f3, hehe. Copy that interface name into the next step.Scan f...

In Clojure, basic maps are unordered. But we can loop through them. Let's get goin' round the track.(Note: you can order by keys with sorted-map.)For LoopClojure has a for expression. The function signature:(for seq-exprs body-expr)The seq-exprs are to be one or more binding-form pairs (think of a (...