Did you find that example kind of convoluted? No worries, let’s break it down real quick, and then I’ll share why I filter Boolean values.
You may be curious as to why a physical therapist, massage therapist, and strength coach is also an SEO & web performance expert.
Having spent the last decade in sports medicine, including several years as a full-time physical therapist (and Airbnb SuperHost who got over 500 reviews in 3 years), it was time for a change — so I started blogging on Medium to refresh my web development skills.
I was cussing on the toilet, again, because I’d accidentally clicked a link on my phone while reading The Ringer’s NBA coverage.
My mom would be embarrassed, I’m sure.
You see, I prefer to open links from their website in a new tab, because I don’t want to hit the Back button. Why would such a minor thing cause me to start cussing in such a compromising position?
It’s because their website is slow. If I hit the Back button, I have to wait for their site to load again, and it almost always loses my place as dozens of…
Making a shallow copy of an array or object means creating new references to the primitive values inside the object, copying them.
That means that changes to the original array will not affect the copied array, which is what would happen if only the reference to the array had been copied (such as would occur with the assignment operator
A shallow copy refers to the fact that only one level is copied, and that will work fine for an array or object containing only primitive values.
For objects and arrays containing other objects or arrays, copying these objects requires…
Why did they switch? What would they do differently today?
In July 2015, a massive heatwave struck London, with the unusual consequence of The Guardian switching from MongoDB to PostgreSQL just three years later.
At the time, The Guardian’s data was in a standard NoSQL database; MongoDB stored locally at Guardian Cloud, the data center in the basement of The Guardian’s office near Kings Cross.
While writers for The Guardian were live-blogging about the heat, developers at The Guardian…
There’s something they never tell you about moving to paradise: it’s stressful. And this is the story of how I permanently changed my body’s response to stress, using cutting-edge research, and am now happier than ever. But the journey to get here was more than a little bumpy, and it required me to undertake radical self-experimentation.
You see, I realized I had lost my wallet the exact moment I arrived at Richmond International Airport on the morning of September 30, 2020. I had been up all night cleaning and moving out of my apartment, and somehow my wallet had disappeared…
However, you may have been stymied by the fact that while you can
width: 100%instead of
width: 100vwand see how “viewport units” can cause scrollbars
Horizontal scrollbars are a sign of “horizontal overflow” on your sites and apps. Let’s fix it.
To put it in CSS,
width: 100vw should be full-screen, equivalent to
width: 100%, right?
There’s an odd bug with CSS’s “box-sizing model” that actually isn’t a bug at all, but it’s an important thing to be aware of.
The viewport units include the space taken up by scrollbars, when present. …
Should you stick the CSS-in-JS module
import at the top, or is that where your React imports go? What about internal dependencies?
I’ve been using the great Headwind extension for VS Code to sort my Tailwind CSS class names for a while already, so I was glad to find something similar to handle my import statements in sprawling TypeScript projects.
Can you spot the bug in this React .jsx code using Tailwind CSS? 🐞