Handling styles that only show up at runtime — Like many, I use PurgeCSS to remove unused CSS in my frontend apps. It does the job by scanning through source files such as HTML, Pug, JSX and even CSS, to find styles the application uses, then it filters a target CSS file to only have styles that are used. …

I like Storybook because it provides visual documentation for my components, and let’s me build them in isolation, encouraging good coding principles like SOLID. But I always wondered how I could get more out of it, and justify the time spent building stories for components. The first time I added…

Based on conversation with @thatdeji on Twitter — I received an interesting question about “Refactoring: TF is Dependency Inversion”, which sparked a conversation that I thought to share that as an article with some paraphrasing to focus on relevant context. TL;DR; The conversation was about how to tell where DI is necessary, and we touched on topics like Side…

If you’re touchy about language, TF stands for “The Flip” 😋, and when you read this, you’ll see why. — In a codebase, everything exists in hierarchies, whether it’s file-system or logical hierarchies. Everything depends on something else, or is depended on, else it becomes dead code. These hierarchies tend to create strong structures that can be resistant to change. Imagine having to replace the above block. The sheer number…

How do I pick the right abstractions? Are there rules that can be followed? — Let’s look at an example, and see if we can apply some rules to make code cleaner. Example Assume you are a dev working on a Web3 project where users can send tokens as gifts to one another. Given a function: This is a huge function that does many things…

A guide to setting up the UnifiedTransform project on Windows 10 without Docker, in 2021. Prerequisites Be sure to have php, composer and mariadb, setup on your computer. Installing php 7.3 on Windows (ref: Jeff Geerling’s Blog) Install the Visual C++ Redistributable for Visual Studio 2015 — this is linked in the sidebar of the PHP for Windows Download page…

A guide to setting up the UnifiedTransform project without Docker. Prerequisite Be sure to have php, composer and mariadb setup on your computer Install php and composer on Windows Download mariadb for Windows and see installation guide Steps 1. Clone the repository git clone https://github.com/changeweb/Unifiedtransform 2. Create .env file from .env.example …

How to spot phishing attacks — TL;DR; Stay woke! Always be suspicious, especially of things too good to be true. Like every parent, my Mum cares a lot for us, and she’s always looking out for our progress. So this morning, she sent me this: At first glance I was like whoa! …