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. One of the somewhat interesting aspects of hooks is their flexibility in terms of composition…

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…

Cloning an object in JavaScript a task that is almost always used in any project, to clone everything from simple objects to the most complicated ones. As it may seem simple for not seasoned JavaScript developers, it actually has some pitfalls that would hurt you in the bones if you…

Before you read this article, read React’s official document on HOCs if you haven’t read it yet. Pretty much in any React application, you call an API to fetch some data and use them to render some content in your application. Since UI components need to show some kind of progress…

javascript is different from other languages. Programmers from other languages once entering the javascript era might get confused easily but the action is not true on the reverse side. One of the easy to get yet hard to implement and maintain task in Javascript is to perform an async task. …

Fair warning: This solution worked for the certain use case explained in the article back in 2016, the same date this very article was published. It might not work right now! There are many cases iframe would be a good solution to use. Although they are kind of dead to…