Back to the basics with this pattern. — Disclaimer: This post was written with frontend projects in mind, like websites, React Native mobile apps, and Electron apps. Though there are some transferrable skills to backend programming, as I mention further down. Also, the title is a bit of a joke. …

If you’ve recovered from COVID at any time in the European Union in some member states, it will be at best extremely confusing and at worst impossible for you to be able to travel to the United States. — This post is going to be a bit of a departure from my usual software posts. In a way, however, the ultimate message relates heavily to software engineering in that it is all based on logic, and in this case, the logic fails. Before you roll your eyes at the…

An elegant solution to a common problem — Straight to the Code There’s an example repository scaffolded with create-react-app which I've created for this post. Probably of most interest is the component FancyTitle which uses the default props pattern discussed in this blog post. Now let’s get into the details of the pattern. Optional Props Pattern When using TypeScript with React, it’s easy enough to…

Don’t overlook them! Don’t think they are too advanced for you! — Back to the Basics I thought my guides on neat generic TypeScript functions would be loved around the software world. Posts like my Generic Search, Sort, and Filter, or my Generic Function to Merge Object Arrays, or my Generic Function to Update and Manipulate Object Arrays, all in TypeScript, all generic, and (I thought!)…

Letter-level alternating colors for bash and zsh shells. — Colored Shell Prompts?! With Emojis?! Most of us devs know we can color our shell prompts with various colors, and in shell syntax it is some sort of ugly looking formatting string like \e[31m - that one is for the color red, by the way - I'm sure you recognized it immediately. 😂 I took…

A Copy-and-Paste Solution that Supports all iOS and Android keyboards! — This post is mirrored on my blog, chrisfrew.in. ***Update October 5th, 2021 — I was contacted by a few readers of this post about creating an NPM package with this component, so that’s just what we did. Check it out! Pull requests welcome! ***Update October 28th, 2021 — Due to…

Another powerful generic function from the SaaS product archives. — This post is mirrored on my blog, chrisfrew.in TypeScript Generics Madness! I just can’t stop writing these generic functions! This is another powerful generic function that follows my previous post on building a generic function to update an array at a specific key according to a specific test value. …

Another fancy generic function of ultimate power! — This post is mirrored on my blog, where you’ll find way better code snippets — they’re copy-and-pasteable too! Always Pushing for Cleaner Code While building my newest SaaS product, ReduxPlate, I realized a common pattern kept cropping up in my array manipulation functions. …

Introducing react-use-please-stay: animate the document title and favicon in your React projects with ease using this powerful hook! —