react-beautiful-dnd is a React library for creating drag and drop lists, built by Atlassian. This library has many great characteristics:
Another popular React drag and drop library is
In this blog, we’re going to take a look at what Cyclomatic Complexity is, how to calculate it, and some tools you can use in your everyday coding environment. We’ll also take a look at how useful it is as a metric for measuring the complexity of your code.
This blog will teach you how to tidy up your React code, and avoid prop drilling using a helpful React API called
Prop drilling is the process in a React app where props are passed from one part of a tree to another by going through other parts that…
This approach involves running a
filter over the array — for each value, we only add it to the unique array if it is the first item with that value…
React gives us two ways of writing our components — functional components, and class components. In this blog, we will take a deep dive into the differences between the two, and the pros and cons of each.
React components are a way of defining a piece of UI into a…
This blog will provide a summary of how to add windowing to your webpage using the Intersection Observer API. Windowing is a great way of improving the load time and performance of your webpage.
In web development, windowing is the concept of only rendering what is currently onscreen to the…
In this blog I’m going to share 4 interesting Web APIs I’ve used, which might help you when building your next website.
MediaRecorder APIs are used to capture audio or video from the device’s microphone and camera from the browser. …
This method involves spreading an new array inside ofthe array with the ternary operator.
const myArray = [
'a', 'b', 'c', 'd',
... condition ? ['e'] : ,
When the condition is
TypeScript has all the…