React Articles

Unlock the power of Webflow like never before by learning to build custom, API-powered React components with the help of an AI coding assistant.

React Redux useSelector is a custom hook introduced in React Redux v7.1.0. Combined with other custom hooks such as useDispatch, it enables developers to manage state in Redux while writing fast, performant, and easy-to-read code in as few lines as possible. In this article, you will explore useSele

React.lazy() is a React component that allows you to load components asynchronously. The React.lazy API is a new feature added to React when React v16.6 was released, it offered a straightforward approach to lazy-loading and code-splitting our React components.

The componentDidUpdate() method is an update method that is invoked after the componentDidMount() method and this happens immediately after an update occurs and not for the initial render. This article takes a deep look at componentDidUpdate() which is one of the methods in the Updating phase.

This article will discuss more on HTTP, HTTP requests, ways to make this requests in Node and how we can handle errors.

React has so many in-built hooks that allow functional components to plug into the lifecycle of the component and perform different operations. There’s the useState hook, useEffect hook, useLayoutEffect hook and many more. In this article, we’ll be looking at the useCallback hook. We’ll learn about

React Fragment is a React component introduced in React v16.2.0. This component lets you group (or rather, “parent”) a list of React components without adding an extra node to the DOM. At the time of writing, this component only accepts on prop—the key prop.

Sometimes we want to perform operations outside the scope of this data flow process, like interacting with an API. These operations are called side effects. In this article, we will explore how to handle side effects in React using a hook called useLayoutEffect.

React ref provides a means of accessing DOM elements in this article you will learn how and when to use refs, and how refs can be useful outside the DOM.

This post explores the new react context API. We will explore why we need react context, how it works high-level with example use cases and at what point should React developers reach out to context API to solve their problems. Our sample use case will then show you how to use React context with som

Suspense refers to React's new ability to “suspend” rendering while components are waiting for something and display a loading indicator. React suspense allows you to write cleaner React components that are performant and are easy to maintain. This article explains what React Suspense is and How it

The useMemo hook is used for memoizing values in React Applications. useMemo memoizes computed values in a React component so that in cases of a component re-render, those values will not be recomputed. This article will teach you what a useMemo hook is and how to use it.

State management means keeping track of how our data changes over time. In React, we can manage state with hooks or using an external state management library like Redux. In this article, we will explore a hook called useReducer and learn about its capabilities for state management.

Redux is a state management library for JavaScript apps. In this article, we will walk over React-Redux and how to use it. We will use it to simplify the complex state management of membership and authentication flows.

In this article, we’ll understand what React Custom Hooks are, the benefits of using them and when to use them. We’ll also learn how to build two custom hooks and show them in use.