So you must have heard how hard 👷🏼‍♂ and mathematical D3 is, but on the other side, you would also have seen these tool D3 visualization 📈 (using it you you can create DOM elements using your data to make complex visualization and since it uses HTML, CSS which means…

So If you want to do code-splitting in a server-rendered app you may want to go with Loadable-Components which is also react’s suggested way since the React.lazy and Suspense is not yet available for server-side rendering. Loadable-Components is a library to solve the React code-splitting client-side and server-side. Why we…

Before ES6 there was only one way to declare the variables in Javascript using var. but there are issues associated with variables declared with var. 1. Scope: Scope essentially means where it can be used. or the lifetime of a variable. var has a function-level scope. If we declare a…

Before React 18, there was a similar hook called useOpaqueIdentifier, but this presented many bugs and limitations. useId is the improved version. This hook is a new way to generate an ID for both the client and server side in React 18. Index Isomorphism in React What problem is solved with useId? Introduction to useId() Conclusion Isomorphism in React An isomorphic app is one that shares almost all of its code between the server and the…

Writing clean code improves the maintainability of the application and makes developers productive. However, some developers are unaware of the language features available to further enhance the code. In this article, I will discuss how we can utilize the features of JavaScript to write clean code. 1. Use Object Destructuring Object destructuring allows you…

Both require() and import() are used to include modules. But they have several important features you should be aware of. But before we dwell on that, let's go over each of them a bit in detail. require() In Node.js, require() is a built-in function to include external modules that exist in…

It takes time and effort to learn a new talent. So what’s the point of learning something that might become obsolete in a few years, it would be a waste of time and money as well. Learning about the new trends in technology will pave your way to venture new…

Typescript is an awesome programming language used heavily for web development, if you’re new to this language, check out the link below to learn more: www.typescriptlang.org Today, a new version of Typescript came out, Typescript 4.5, let’s take a look at some of the updates with this new version of…

I wanted to share a design pattern I like to use when dealing with onClick handlers in React components. For my example, I’ll be using a common design pattern found in React for clicking on a list item. My component works as follows: import * as React from "react"; const…