Of all the hooks available in React, useReducer is easily my favourite. It’s nice to be able to solve simple problems with useState, but in component’s with even a smaller amount of complexity than can be solved with a boolean state value, I tend to favour useReducer. Let’s dig in, see some examples, and find … Read more
Imagine you have a list of text, maybe from a spreadsheet, and you need to convert that from plain text into a quoted and comma separated version that could be used in a JavaScript or TypeScript array. How can you achieve that? Well, in this post we will cover three quick ways. Let’s start off … Read more
In this post I will show you a way to create a unit tested React component that allows you to pass either a plain string, or one or more <p>text goes here</p> tags, and then render out only the first X words. When the word limit is hit, a ‘Show More’ button will display, and … Read more
Today’s error is likely going to make you want to kick yourself. I certainly felt like quite a wally after realising my mistake. But I do like to blog these as I hope that by doing so, I shame myself into remembering the solution in the future. OK, the error message: It doesn’t massively impact … Read more
If you’re using TypeScript with Express, you may well hit on TS2339: Property ‘whatever’ does not exist on type ‘RequestQuery’. It’s actually pretty easy to solve. Perhaps more frustrating than anything, as you may well have lots of examples of this problem, especially if migrating an older project from JavaScript, or less restrictive TypeScript, to … Read more
Here’s a fun one I wouldn’t have spotted for quite a while longer, had I not smashed my phone last weekend. Long story short, I dropped my Google Pixel 6 shattering the screen, and decided to switch to iPhone for the first time… ever. Related to the RangeError problem in the title, but not to … Read more
Jest is an amazing testing tool, but sometimes it throws up situations that confuse the hell out of me. Even worse is when I get confused by a problem / error message that I am 100% sure I have seen before, and solved, but it was on a different project and I can’t remember how … Read more
I recently had to use Cypress to test a page that had various dropdown options, and some of those options might be excluded if already selected. Being a UK Gov page flow, the user could only select a single option from the drop down, then click continue, and if they wanted to add another they … Read more
If you’re working with Cypress and Jest in the same project, TypeScript may throw errors that the standard Jest assertions are not valid types on the Assertion class. The error I get looks like this: Though in the IDE, even before running the tests, you will likely see something like this: This is a pretty … Read more
If you’re using Cypress with TypeScript in your project, it’s possible you may encounter the following error message when trying to run Cypress: And how this looks in Cypress itself: The issue is fairly easy to resolve. Simply delete all the conflicting configuration files. In my case I wanted to keep cypress.config.ts, and so remove … Read more