Codemzy

Full-time coder, part-time drummer. Enjoys using and building software on the web, and is a massive fan of JavaScript.

How to get HTML attributes using regex

If you need to get HTML attributes, to check them or replace them, regex could hold the answers! Here's the Regular Expression I use, and a step-by-step guide for how I built it.

Written by Codemzy in Code on January 18th, 2024

Force refetch with React Query

You can invalidate an active query to get it to force refetch with React Query. Here's how you can force refetch after a mutation, or on a button click, to check for updated data.

Written by Codemzy in ReactJS on December 4th, 2023

MongoDB skip and limit order is important in aggregation

Here's something that caught me out this week - skip and limit order in MongoDB. The order of skip and limit isn't important in chaining (like `find` commands) but it is important in aggregation.

Written by Codemzy in Node.js on November 23rd, 2023

Why cacheTime in React Query should always be bigger than staleTime

In React Query, the cacheTime and staleTime options impact how long data gets stored on the client and how often it's re-fetched from the server. Let's look at the difference between cacheTime and staleTime - and how changes to one can impact the other.

Written by Codemzy in ReactJS on November 21st, 2023

Cache busting a React app for production

If browsers save old code bundles for your React app, it can create errors and problems loading your app for your users. Here are some cache-busting tips for React in production.

Written by Codemzy in ReactJS on November 13th, 2023

React Query pagination with total count and total pages returned

This is how I store paginated queries when I also want users to know the total results count and total number of pages for paginated data.

Written by Codemzy in ReactJS on November 9th, 2023

7 drag and drop gotchas and how you can fix them

Drag and drop can be a little tricky to implement. Here are some common problems you might run into and how to fix them to get your drag-and-drop working like a charm.

Written by Codemzy in JavaScript on October 25th, 2023

Creating a Trello-like drag and drop kanban board in React

One of my favourite features of Trello is how you can drag and drop your cards around, so here's how I created a Trello-like drag-and-drop kanban board from scratch in React.

Written by Codemzy in ReactJS on October 20th, 2023

Building a reusable drag and drop component with React

Drag and drop is a pretty cool feature to add to your web applications. But it can be a little tricky. With some trial and error, here's how I built a reusable drag-and-drop component for React (and all the code!).

Written by Codemzy in ReactJS on October 19th, 2023

An easy way to backup your GitHub repositories (for free)

As I use a cloud IDE, sometimes the only copy of my code is in a GitHub repo. And that got me worried. Here's how I create a backup on Bitbucket.

Written by Codemzy in Code on October 12th, 2023

Do you build the front-end or back-end first in full-stack development?

I’m really interested to know how people take on a big full-stack project. Do you start with the front end (client) or the back end (server)? So I’ll share my approach - which is one small feature at a time - and why it works for me.

Written by Codemzy in Code on October 10th, 2023

When to use throttle vs debounce

Both throttling and debouncing are useful ways to slow down how often a function runs when it's called multiple times. Throttling allows a function to be called once during a timeframe, and debouncing calls a function once after the timeframe.

Written by Codemzy in JavaScript on October 6th, 2023

A function to make a word plural (or singular) in JavaScript

In this blog post, we will create a `toPlural` function that does slightly more than just add an "s" to the end of a word if the number is more than one!

Written by Codemzy in JavaScript on October 5th, 2023

How to scroll to an element after render in React (+ custom hook)

Here's how to scroll to an element after you render a component in React with `useRef` and `useEffect`. And if you need to do it more than once, I've included a custom `useScrollOnRender` hook you can use.

Written by Codemzy in ReactJS on September 29th, 2023

MongoDB findOneAndUpdate vs updateOne

There's more than one way to update a document in MongoDB. Here's when (and why) I use `findOneAndUpdate` instead of `updateOne` to update a document with MongoDB in Node.js.

Written by Codemzy in Node.js on September 26th, 2023

MongoDB findOneAndUpdate and how to know if it's an upsert

When you use the `upsert` option with `findOneAndUpdate` in MongoDB, it's not easy to know if the document was inserted or updated. Here's how I check if a document was created when returning the document before, or after the update.

Written by Codemzy in Node.js on September 25th, 2023

How to delete DigitalOcean Spaces files after X days with lifecycle rules

If you want to automatically have your files expire (and get deleted) from DigitalOcean Spaces after a certain number of days, you can do it with s3 lifecycle rules. You can’t set this up in the web interface, so here's the code you need to create the rule using Node.js.

Written by Codemzy in Node.js on September 22nd, 2023

3 4 5