cathalmacdonnacha.comFixing Slow & Flaky Frontend TestsAfter noticing a spike in failing Jest builds, I decided to investigate and found that slow and flaky tests were the main culprits. In this article, I go through some tips I discovered for making slow or flaky tests faster and more reliable. There ar...Sep 8, 2025路10 min read
cathalmacdonnacha.comRoute-based code splitting with ReactCode splitting is a technique used to optimize the loading performance of web apps by breaking down the bundled JavaScript files into smaller, more manageable chunks. By loading only the required code for a specific route or page, route-based code sp...Aug 4, 2023路4 min read
cathalmacdonnacha.comMocking Error, Empty and Loading states with MSWOne of the less exciting things about being a Frontend Developer is having to handle error, empty and loading states. It may not be the most fun thing to do, but it's necessary in order to give your users the best experience possible. Thankfully, Moc...Dec 6, 2022路7 min read
cathalmacdonnacha.comMigrating from Create React App (CRA) to ViteI recently migrated a production app within my company from create-react-app (CRA) to Vite, and the results have been great so far! In this article, I go through all the steps I took as part of the migration, in the hope that it might help others who...Aug 22, 2022路7 min read
cathalmacdonnacha.comSetting up ESLint & Prettier in ViteJSI recently migrated from create-react-app (CRA) to ViteJS, and as part of that, I set up ESLint and Prettier. In this article, I go through all the steps I took. Let's get started! 1. Install dependencies We need to install the following dependencies...Aug 11, 2022路4 min read