Lazy Loading In React With React.Lazy And Suspense
The complexity of existing web applications grows every year in geometric progression. The more JavaScript code we write, the more time it takes our browser to download and execute it. While this may not be a critical problem in the era of super-fast Internet, we cannot assume that all...Read more
Global State Management Using React Hooks
When thinking about the best way to manage state in React, the first thing that comes to mind is Redux, and there is nothing wrong with that if you accept a lot of boilerplate code and a fairly complex library configuration. It may be completely unnecessary if your project is...Read more
The useReducer Hook In React
One of the keys to getting good at React is mastering its most difficult part - state management. State is used for everything, from storing user input to reading and displaying data from external systems. There are many tools available that are designed to simplify state management in React, however...Read more
Know The Import Cost In Advance
Keeping your bundle small is one of the most important things that can be done for performance optimization reasons. The larger the bundle, the more time it takes users to download, which means they cannot....Read more
The Best MomentJS Alternatives
When it comes to working with dates in JavaScript applications, nobody wants to mess with the Date object and looks for some ready-made libraries that allow easy handling of dates. One of the most popular libraries is MomentJS - a JavaScript date library...Read more
Portals In React
When building an application in React, it is sometimes necessary to place an element outside the DOM hierarchy created by the parent component. The simplest example are modals and tooltips...Read more
Return Multiple Elements From Render In React
Since v16.0, React allows us to return multiple elements from the render function by wrapping them in an array. In previous versions, it was necessary to wrap multiple elements into a single parent, which resulted in...Read more
Add Redux Saga With TypeScript To Your React Application (January 2021)
Redux Saga is a library that aims to make an application's side effects easier to manage, more efficient to run, easy to test, and better at handling failures. Today we will learn how to install and configure Redux Saga with TypeScript in an application built with Create React App in a few...Read more
The useCallback Hook In React
In my blog, I already talked about some ways to optimize the performance of the application like the useMemo hook or the React.memo higher-order component (HOC). Today we will learn about the useCallback, which allows us to memoize functions and preserve them...Read more