How to programmatically navigate in Next.js

January 14, 2021 A Goodman

Next.js is a fast-growing React framework that can help us build high-performance hybrid static and server-side rendering web applications. Many projects have been transitioning from traditional React SPAs to Next.js, including giants like Github, IGN, Hulu,…

Next.js: 404 error page and 404 error code

January 14, 2021 A Goodman

In this article, we will take a look at how to handle the 404 error in Next.js Discussion The 404 error tells us that the browser was able to communicate with our web server but the…

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 (2021)

March 31, 2021 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 costs much…

React warning: findDOMNode is deprecated in StrictMode (2021)

January 4, 2021 Guest Contributor

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 team:…

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

December 26, 2020 The Plumber

It’s 2021 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: Navigate on Button click using useHistory hook

April 16, 2021 Guest Contributor

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

Most popular React Component UI Libraries (2021)

May 31, 2021 Guest Contributor

It is 2021 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…

1 2 3 4