I’m Sérgio, and I work with Web frontend code. Sometimes I write about it here.
JS-heavy web apps usually start in a poor place, performance-wise, and they tend to get worse over time. Mitigating this requires significant overhead that is expensive to set up and maintain, and will usually still lead to performance degradation anyway — albeit at a slower rate.
Side effects can have a large influence on bundle sizes with bundlers like `webpack`.
Supporting old browsers doesn’t necessarily mean sending loads of JS to everyone.
After looking at potential performance issues with selectors in Redux and React apps, this time we'll look at reducers and scaling issues.
Redux is a clever and useful state management library, but using it comes with some performance gotchas. We'll start by looking at selectors.
Splitting your JavaScript bundles per route sounds difficult, but webpack makes it pretty easy.
Browsers are now getting to a point where we can stop bundling JavaScript altogether. But should we?
Over the past while, I’ve been working on a sample Progressive Web App with Mustafa. We learned a lot! This post is an overview of what I learned as a developer, and what I’d like to explore further.
Now that you’re comfortable with custom properties and know how to use them to improve readability in your CSS, let’s look at how you can use them to enhance modularity and reusability in your code.
CSS Custom Properties have many interesting uses beyond serving as a simple storage and retrieval mechanism for CSS values. In this article, we will explore the best practices around using them as a bridge between CSS and JavaScript.
Now that you know how CSS Custom Properties work, you can start thinking about using them to improve readability in your CSS and making future maintenance easier.
So you’ve heard about CSS Custom Properties (also known as CSS Variables) and you might have an idea of what they are. You’re not quite clear on the specifics or browser support, you haven’t heard anything about best practices, and you don’t know how they’re better than variables in Sass or Less, though. Well, read on!
Theming is always a challenge, particularly when you’re working on a library, rather than a standalone website. One example of an interesting issue that you’ll come across very frequently is choosing a text color that ensures readability and accessibility.