5 best open-source WYSIWYG editors for React (2021)

September 4, 2021 Guest Contributor

This article walks you through a list of the most popular open-source WYSIWYG (What You See Is What You Get or Rich Text) editors for React. Their order is based on the number of stars they…

React: Firebase App named ‘[DEFAULT]’ already exists

June 11, 2021 The Frog

When developing a React application with the Firebase package, I ran into the following error: More information I got from my console: If you face the same error as mine, don’t worry. The reason why the…

React + Material-UI: Create Dark/Light Theme Toggle

May 24, 2021 A Goodman

Modern web apps often have both a light theme and a dark theme so that users can choose what works best for them. The light theme is suitable for daytime use, while the dark theme is…

React + TypeScript: Handling form onSubmit event

July 15, 2021 The Frog

The example below shows you how to handle the form onSubmit event in React with TypeScript. We will use the new things including functional components and hooks and not use class-based components. Example Preview Our sample…

React & TypeScript: Using useRef hook example

August 5, 2021 A Goodman

The example below shows you how to properly use the useRef hook with TypeScript in React. This task may sound simple but it can be challenging for people who aren’t familiar with types and functional components….

React + TypeScript: Handling input onChange event (2021)

April 7, 2021 The Plumber

This tutorial is intended for developers who are new to React or looking to transition from using Javascript to TypeScript. We will build a simple app with functional components and hooks to demonstrate how to handle…

How to create a Filter/Search List in React (2021)

April 5, 2021 A Goodman

This article walks you through a complete example of making a filter (searchable) list in React. We’ll use the most recent version of React (17.0.2) as well as use functional components and hooks. The Example Let’s…

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

1 2 3 4 5 6 7