Follow me on my journey as I write about real tech topics I face in my everyday life as a Frontend Developer.
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...
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...
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...
Learn how to migrate your CRA app over to Vite.
Learn how to set up ESLint & Prettier in your ViteJS project.
I recently migrated from create-react-app (CRA) to ViteJS, and as part of that, I switched my test runner from Jest to Vitest. 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 are ...
Learn some tips and best practices to give your E2E Playwright tests a boost.
One problem we often face as frontend developers is dealing with CORS when making API requests. What is CORS? CORS (Cross-Origin Resource Sharing) is essentially a mechanism that allows a server to express what other domains can make requests to it. ...
Cypress was our go-to end-to-end (E2E) testing tool, and we were pretty happy with it, up until recently that is. Lately, we've run into a couple of testing scenarios where Cypress support has been limited, notably around multiple domains/tabs and iF...
