How to use Ant Design in a Next.js project

January 11, 2021 A Goodman

Next.js is a React framework that is used to build fast, high-performance, hybrid static and server side rendering web applications. Ant Design is a UI library that provides a lot of pre-made React components like Button,…

Top 4 React form validation libraries (2022)

January 1, 2022 Guest Contributor

Form validation is an important part of many web and mobile applications. In React, you can write the validation logic on your own but if you’re working on a production project, this job can cost much…

React warning: findDOMNode is deprecated in StrictMode (2022)

January 3, 2022 Guest Contributor

The Problem When working with React.js, you will probably come across an annoying warning: The Root Of The Problem If you follow the link provided in the warning, you’ll see some helpful information from the React…

React useReducer hook – Tutorial and Examples

January 3, 2021 Guest Contributor

useReducer is a built-in React hook. In this article, you will learn what the useReducer hook is, what it is used for, when to choose the useReducer hook, and when to choose the useState hook. To…

How to display Math Symbols in React

December 26, 2020 A Goodman

When you build a React application for the natural sciences and math, it is obvious that you will have to display formulas, equations, statements, etc, with lots of special characters like radical symbol, pi, exponent, integral,…

React Router useLocation hook – Tutorial and Examples

January 11, 2022 The Plumber

It’s 2022 and React Router is the most popular library for routing and navigation in React. At its heart, React Router is a state container for the current location, or URL. It keeps track of the…

React Router: Programmatically Navigate on Button Click

January 6, 2022 A Goodman

React Router (react-router-dom) is one of the most popular React libraries with over 46k stars on GitHub and nearly 7 million downloads per week on npmjs. In this article, you will learn how to programmatically navigate…

Most popular React Component UI Libraries (2022)

January 1, 2022 Guest Contributor

It is 2022 now and React.js is the world’s most popular Javascript web frontend framework. With the rapid growth of React and its community of users, there is a growing range of support libraries, especially the…

How to fetch data from APIs with Axios and Hooks in React

February 15, 2021 A Goodman

Introduction Fetching data (sending GET requests) is one of the most common stuff in React development. In this tutorial, you’ll learn how to use the useState hook, the useEffect hook, and Axios to fetch JSON format…

How to get rid of Source Maps when building a React project

December 2, 2020 A Goodman

If you use create-react-app to initialize your React applications then source map files are generated by default when you build production code with the following command: or: In general, you can find the source map files…

React: Make a simple line chart with Ant Design

November 4, 2020 A Goodman

This article shows you how to draw a simple line chart in React with the help of the Ant Design Chart library. 1. Installing 2. Implementing the line chart Simple as that 🙂

React: Making a side Drawer with Ant Design

November 4, 2020 A Goodman

This article shows you how to implement a simple side drawer navigation in React by using the Ant Design library. Getting Started Run the following command to install Ant Design and its icon kit: Import Ant…

1 3 4 5 6 7