--- title: "Cathal Mac Donnacha (@cathalmacdonnacha) | Hashnode" description: "Follow me on my journey as I write about tech topics I face in my everyday life as a Frontend Developer 馃捇" url: "https://hashnode.com/@cathalmacdonnacha" --- @cathalmacdonnacha # Cathal Mac Donnacha @cathalmacdonnacha 路 Ireland 馃嚠馃嚜 路 Joined October 2021 Follow me on my journey as I write about tech topics I face in my everyday life as a Frontend Developer 馃捇 [Website](https://cathalmacdonnacha.com/) ### [Fixing Slow & Flaky Frontend Tests](https://cathalmacdonnacha.com/fixing-slow-and-flaky-frontend-tests?utm_source=hashnode&utm_medium=feed) After 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... 10 min read 路 [cathalmacdonnacha.com](https://cathalmacdonnacha.com/fixing-slow-and-flaky-frontend-tests?utm_source=hashnode&utm_medium=feed) [Sep 8, 2025](https://hashnode.com/posts/fixing-slow-and-flaky-frontend-tests/68bedd62abcdb0182159dcf1) ### [Route-based code splitting with React](https://cathalmacdonnacha.com/route-based-code-splitting-with-react?utm_source=hashnode&utm_medium=feed) Code 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... 4 min read 路 [cathalmacdonnacha.com](https://cathalmacdonnacha.com/route-based-code-splitting-with-react?utm_source=hashnode&utm_medium=feed) [Aug 4, 2023](https://hashnode.com/posts/route-based-code-splitting-with-react/64ccfcc21012de0d6c04b0a8) ### [Mocking Error, Empty and Loading states with MSW](https://cathalmacdonnacha.com/mocking-error-empty-and-loading-states-with-msw?utm_source=hashnode&utm_medium=feed) One 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... 7 min read 路 [cathalmacdonnacha.com](https://cathalmacdonnacha.com/mocking-error-empty-and-loading-states-with-msw?utm_source=hashnode&utm_medium=feed) [Dec 6, 2022](https://hashnode.com/posts/mocking-error-empty-and-loading-states-with-msw/638f45c30e3e4ed64c2da7a7) ### [Migrating from Create React App (CRA) to Vite](https://cathalmacdonnacha.com/migrating-from-create-react-app-cra-to-vite?utm_source=hashnode&utm_medium=feed) Learn how to migrate your CRA app over to Vite. 7 min read 路 [cathalmacdonnacha.com](https://cathalmacdonnacha.com/migrating-from-create-react-app-cra-to-vite?utm_source=hashnode&utm_medium=feed) [20](https://hashnode.com/posts/migrating-from-create-react-app-cra-to-vite/630351878cb53b2c16267c8a) [Aug 22, 2022](https://hashnode.com/posts/migrating-from-create-react-app-cra-to-vite/630351878cb53b2c16267c8a) ### [Setting up ESLint & Prettier in ViteJS](https://cathalmacdonnacha.com/setting-up-eslint-prettier-in-vitejs?utm_source=hashnode&utm_medium=feed) Learn how to set up ESLint & Prettier in your ViteJS project. 4 min read 路 [cathalmacdonnacha.com](https://cathalmacdonnacha.com/setting-up-eslint-prettier-in-vitejs?utm_source=hashnode&utm_medium=feed) [5](https://hashnode.com/posts/setting-up-eslint-prettier-in-vitejs/62f4d0e72e865683123df26d) [Aug 11, 2022](https://hashnode.com/posts/setting-up-eslint-prettier-in-vitejs/62f4d0e72e865683123df26d)