React Archives ← CodeARIV

December 11, 2021November 26, 2022
No Comments

Create a Multi-Step Form with React and Recoil

React

We could see multiple steps when filling a form or signing up on a lot of websites. Here, we will discuss the steps to create a multi-step form with React and Recoil state-management tool. Prerequisites Before continuing this article, I assume that the reader has […]

December 9, 2021June 13, 2024
5 Comments

Submit Form Data to REST API in a React App

React

Sometimes we might need to submit form data to a REST API in a web app. This is a simple article that explains the steps to submit form data to REST API in a React app. If you are a visual learner, the YouTube video […]

November 20, 2021December 7, 2022
3 Comments

Add or Embed a Google Map Location on a React App

React

When building a business or portfolio website, we are sometimes required to embed the Google Map location. This makes our customers easily spot our business. Here we will discuss the steps to add or embed a Google Map location on a React app. Prerequisites The […]

November 16, 2021November 17, 2021
No Comments

Scroll Page to the Top When Change in States or Props or URL Params – React

React

Assume that you are working on a product details page for an E-commerce website made using React. You scroll down to the related products section and click another product. The product and the URL change but the page do not scroll to the top. So […]

November 13, 2021December 8, 2021
No Comments

How to use Recoil State Management Tool in React

React

And finally, the creators of Facebook have come up with a state management tool to replace the redux. Here in this article, we will discuss the steps to use the Recoil state management tool in a React app. Prerequisites To follow this article, the reader […]

October 24, 2021October 24, 2021
No Comments

Render HTML Contents and Action Buttons in React MDBDataTable

React

React bootstrap with material design(MDB React) is one of the best packages for building web applications. It is built with React and Bootstrap 4. All compatible with different browsers. But when I tried using the MDBDataTable component of this package, I got many problems. So here […]

October 8, 2021October 8, 2021
8 Comments

How to Connect WooCommerce with a React Frontend Using the WooCommerce API

React

Creating a react frontend for our WooCommerce website is more fun. As a frontend made using a JavaScript library we will get more convenience to customize it. Also, we can use all the features, plugins, etc. from our WooCommerce dashboard also. Here in this article, […]

October 8, 2021December 6, 2021
8 Comments

How to use Redux-Saga in a React App – Simple Blog Example

React

It is easier to build web applications with the React library alone. But if the app is getting bigger, we really need a state-management tool. React library itself contains Context API that works perfectly to initialize states and functions globally on our app. Also Redux, […]

September 23, 2021September 23, 2021
No Comments

Create a Dropdown in React that Closes When Click Outside

React

React library is easier to learn. But when building a UI, some use cases will make us stuck. Here, we are going to discuss such a use case. Creating a Dropdown in React that closes when click outside. Prerequisites I believe that you are aware […]

July 13, 2021July 13, 2021
No Comments

Setup a Single URL for App Store and Play Store in a React App

React

Maintaining a website for a mobile application is a standard. We can direct to the store URL from our website. But if we are building a mobile app for a global audience, Android and iOS versions are necessary. We can direct to different stores by […]