What Tailwind taught me about the separation of concerns
Despite trying out numerous methods of writing CSS, I never felt that my code was resilient. Utility-first CSS helped me rethink separation of concerns.
Posts
Make your JavaScript project accessible to newcomers
Introduction to the concept of developer experience and advice on why and how to improve it in JavaScript projects.
Checking your static site for dead URLs
One of the challenges of maintaining a static site is continuously ensuring that links work, both local and external.
Managing complex tasks with gulp v4
Replace large npm scripts with gulp tasks elegantly composed using new gulp API.
Migrating from Gatsby to Next.js
My experience of rewriting my Gatsby blog to Next.js, what went well, and what didn’t.
Taking Control of Your Git History
Gain a deeper understanding about the value of Git history and learn how to record changes exactly the way you want, no compromises.
Parts of this series:
A Built-in Alternative to Redux with React Context and Hooks
A summary of multiple posts by Kent C. Dodds about how to imitate Redux using modern React API.
Mocking with Jest
Learn what mocking is, when to use it, and which features Jest offers on this subject.
Parts of this series:
Integrating and Enforcing Prettier & ESLint
How to resolve the conflict between Prettier and ESLint and use ESLint to enforce Prettier in your codebase.
Bridging the Gap Between CSS and JavaScript
As developing web applications becomes more commonplace and nuanced, we often look for creative ways to bridge the gaps between those languages to make our development environments and workflows easier and more efficient.
Parts of this series:
- CSS-in-JS·Read on CSS-Tricks
- CSS Modules, PostCSS and the Future of CSS·Read on CSS-Tricks
Why I Migrated Away from Medium
Missing features and odd aspects of Medium that eventually drove me away.
On Code Folding and Minimaps
What frequent use of code folding and the minimap feature might indicate about our codebase.
The Nuances of React Transition Group
What exactly react-transition-group does and how to use it correctly to create delightful transitions.
Custom Project-Based ESLint Rules
How to create custom ESLint rules using an existing rule and AST selectors.
Don't Split render() into Functions
Instead of splitting large JSX expressions in React components, learn to embrace them.
dependencies or devDependencies
The question of where to save a dependency is clear when building a library, but in application codebases it's usually just a convention.
Testing with AVA
Unit testing a simple todo application built with React and Redux using AVA.
Parts of this series:
- Getting Started·Read on Semaphore
- Common Redux Patterns·Read on Semaphore
- React Components·Read on Semaphore
Getting Rid of Pantry Moths
How to identify pantry moths in your apartment, find out what's causing them, and get rid of them.
A Fictional Web App for Creating Comic
Fantasizing about a web application for creating comics and brainstorming features.
Downvoting Comments on YouTube Does Nothing
While watching a video about the terrifying comments that women on YouTube have to endure daily, the downvoting feature caught my attention.
Intro to ESLint (ft. Daft Punk)
How ESLint can improve the quality of your project and even teach you JavaScript.
Setting Up an End-to-End Testing Workflow with Gulp, Mocha, and WebdriverIO
Manual testing is usually slow, tedious and error-prone, we need a way to automate testing across different browsers and platforms.
CSS preprocessing drama
Lately there has been a lot of talk on Twitter about Sass, PostCSS, cssnext etc. How do all of these tools work together?
Getting the most out of Bower
After installing a Bower component there is still some manual linking to do, which can be tedious depending on the number of assets. Let's automate this!
Simple layouting with Gulp
An easy solution for layouting when building a simple website using Gulp.
CSS pre- vs. post-processing
Adding cross-browser support to your CSS using Autoprefixer rather than Sass mixins.