How to add icons in React
In this article, we will show you how to add icons in React using react-icons. React-icons is a library that provides a wide range of popular icon libraries (such as...
Category: ReactJS
Add Instagram like stories in React
Today, we’ll show you how to add Instagram like stories in React. Here, we will create an example where we will design a React component similar to Instagram Stories. It...
Add presets to Date Range Picker in React
In this article, we’ll show you how to add presets to Date Range Picker in React. This example will help you to provide quick buttons in the picker to select...
How to run react app on a different port
If you have created a React project using create-react-app you will notice that the application will launch on the default 3000 port. But you can change it using environment file...
Validate dynamic array form in React using React Hook Form
Today, we’ll show you how to validate a dynamic array form in React using React Hook Form. Refer to the following article, if you don’t know how to create a...
Dynamic form with React Hook Form using useFieldArray
In this article, we will show you how to work with dynamic form with React Hook Form using useFieldArray in React. You may need to consider an array in form...
How to add a react-select dropdown with react-hook-form in React
In this article, we will show you how to add a react-select dropdown with react-hook-form in React. Similarly, you can implement other packages with a React Hook Form. Here, we...
Validate a form in React using react-hook-form
In this article, we will show you how to validate a form in React using react-hook-form. In the previous article, we have explained how to create a form using react-hook-form....
Create a simple form in React using react-hook-form
Today, we’ll show you how to create a simple form in React using react-hook-form package. In the previous article, we have explained how to create a form without any package...
How to toggle the sidebar with an icon in React
In this article, we will show you how to toggle the sidebar component using Hooks in React. You may need to create a structure for your React application where you...
Add bootstrap icons in React
Today, we will show you how to add bootstrap icons in React application. There are multiple icons libraries to render icons in React application like Font Awesome, Ant Design Icons,...
Implement custom search with custom label using react-select
Today, we will show you how to implement custom search with custom label using react-select. In the past article, we have added an icon in the react-select dropdown. But when...
Redux toolkit with async API call using createAsyncThunk
In this redux toolkit article, we will show you how to create an async API call using createAsyncThunk action. In this example we will use Axios package for API call....
How to set up and use Redux Toolkit with React-Redux
Today, we will show you how to set up and use Redux Toolkit with React-Redux. You can improve your Redux code by using Redux Toolkit. Redux Toolkit allows us to...