There comes times when you'd like to use a `Set` as the primitive data type in React. Specially with even simpler hooks such as `useState` that can be challenging

Uset `set` as a state primitive in useState

JavaScript map and set data structures are not serializable by default. It means they can not be converted to JSON by using `JSON.stringify` on them out of the box. However, serializing them by extending their built-in classes can be done by a few lines of code.

Simple serializable maps and sets in JavaScript

A collection of tips about JavaScript performance gather from the internet

JavaScript performance tips

Render Monaco Editor as a single line text editor like a native HTML text input

Single line Monaco Editor

Here is a little trick to use the Extract utility type in Typescript to pull out members of a union type by the type of a property of theirs

Pick a member of a union type in Typescript

DOM event handlers work with a strange interface if you ask me. The fact that you need to keep the reference to the event handler to be able to clear it is not practical especially if you're trying to handle more than a single event handler.

A simpler approach to registering and clearing DOM event handlers

When Javascript arrays contain primitive values (strings, numbers, undefined, null, booleans and Symbols), there might be cases in which you're willing to detect if the array contains any duplicated elements. in other words, you would want to determine if elements in the array are unique

Detecting unique arrays in Javascript

React hooks help with carrying stateful logic and keeping their lifecycle separate from the view layer lifecycle. They've been around since React v16.8 and since people have been avoiding class components in favor of hooks

useBackButton hook to handle back button behavior in React Native

Not all the components you write for your React application can be divided into Stateful and Stateless (dumb) categories. There is a 3rd advanced type of component in React called a higher-order component. A higher-order component is a function that takes a component as an argument and returns another component. Check out my other article to see how higher-order components are used in the real world

Unit Testing Higher Order Components with Enzyme and Jest

The first way that could cross a developer’s mind is to deeply iterate through source object’s properties and copy them one by one on the target object. As it may seem good at the beginning, it is not a performance friendly solution and a potential bottleneck when it comes to large and deep objects

3 Ways to clone objects in Javascript

There are many cases iframe would be good solution to use. Although they are kind of dead to HTML and not a lot of developers use it, It could come up to you as a solution to a complicated problem some day