CMCathal Mac Donnachaincathalmacdonnacha.com路Sep 8, 2025 路 10 min readFixing 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...00
CMCathal Mac Donnachaincathalmacdonnacha.com路Aug 4, 2023 路 4 min readRoute-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...00
CMCathal Mac Donnachaincathalmacdonnacha.com路Dec 6, 2022 路 7 min readMocking 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...00
CMCathal Mac Donnachaincathalmacdonnacha.com路Aug 22, 2022 路 7 min readMigrating 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...020SRKRT
CMCathal Mac Donnachaincathalmacdonnacha.com路Aug 11, 2022 路 4 min readSetting 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...05SMTKM
