The unique position of Vite in our ecosystem
Published onMany meta frameworks now place Vite between the framework and the developer. Let's explore what this means for us in comparison to a framework that isn't built this way.
Posts
Cypress vs. Playwright: end-to-end testing showdown
Published onLike Cypress, Playwright is also a framework for end-to-end testing. Find out what are some of the differences and write your first Playwright test!
What Tailwind taught me about the separation of concerns
Published onDespite trying out numerous methods of writing CSS, I never felt that my code was resilient. Utility-first CSS helped me rethink separation of concerns.
Make your JavaScript project accessible to newcomers
Published onIntroduction 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
Published onOne of the challenges of maintaining a static site is continuously ensuring that links work, both local and external.
Managing complex tasks with gulp v4
Published onMake your development workflow more readable by replacing long npm scripts with gulp tasks elegantly composed using new API in gulp v4.
Migrating from Gatsby to Next.js
Published onMy experience of rewriting my Gatsby blog to Next.js, what went well, and what didn’t.
Taking Control of Your Git History
Published onGain 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
Published onRedux was created when React Context was still experimental, learn how to imitate Redux using modern React API, based on a few posts by Kent C. Dodds.
Mocking with Jest
Published onLearn what mocking is, when to use it, and which features Jest offers on this subject. Vitest and Jest share similar syntax amd philosohpy.
Parts of this series:
Integrating and Enforcing Prettier & ESLint
Published onThere is an overlap in functionality between ESLint and Prettier. Find out how to resolve this conflict and use ESLint to enforce Prettier in your codebase.
Bridging the Gap Between CSS and JavaScript
Published onAs 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
Published onMy blog used to be on Medium, but it had some missing features and odd behaviors that eventually drove me away.
On Code Folding and Minimaps
Published onFrequent use of code folding and the minimap feature might indicate that the codebase should be restructured in a way that doesn't require hiding code.
The Nuances of React Transition Group
Published onreact-transition-group is a library intended to be combined with CSS transitions to animate elements in and out of the DOM.
Writing codemods with jscodeshfit
Published onCodemods are really useful for automatically refactoring large amounts of code in a similar way, yet there aren't many resources on this topic.
Custom Project-Based ESLint Rules
Published onThe best code rules are not written, they are enforced. Find out how to create your own ESLint rules using an existing rule and syntax tree selectors.
Don't Split render() into Functions
Published onSplitting large JSX expressions into functions affects readability in the sense that the reader has to look elsewhere in order to understand the expression.
dependencies or devDependencies
Published onThe 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
Published onUnit 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
Downvoting Comments on YouTube Does Nothing
Published onWhile 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)
Published onMany view ESLint as a nuissance, but if used correctly it 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
Published onManual testing is usually slow, tedious and error-prone, we need a way to automate testing across different browsers and platforms.
CSS preprocessing drama
Published onLately 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
Published onAfter 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
Published onTemplating languages are really useful for generating HTML, learn how to use a simple Gulp plugin to start building a website.
Why I'll continue using SVG-in-JS for now
Published onSVG sprites are definitely better for performance, but tooling isn't there yet. So what do we do now? Learn more SVG, that will always be useful!
CSS pre- vs. post-processing
Published onAdding vendor prefixes to our CSS is repetitive, so we started using Sass mixins, but now we can use Autoprefixer instead.