react Archives - CodeARIV

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 […]

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 […]

April 29, 2021December 18, 2021
No Comments

Create A Simple Resume Builder App Using React

React

Resumes have an important role in getting a job. A company will first go through the resume of the candidate. So we need to build it with care. It will be helpful if there is an online resume maker. Here we are going to create […]

March 16, 2021December 18, 2021
No Comments

Create a Random Quote Generator app in React

React

A lot of quote generator apps are available online. The aim of this article is to teach beginners in React, the steps to create a simple random quote generator app. We will use a third-party API that returns a random quote. Our duty is to […]

January 25, 2021January 25, 2021
2 Comments

Create a Simple Voting App Using React

React

Before start reading this article, I would like to pin a point that, it is only made for purpose of learning React. To make a voting app real, we need to set up a backend and database to store results. Here we are only creating […]