Syamlal CM, Author at CodeARIV

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

October 4, 2021October 4, 2021
No Comments

Fetch or Call API with Change in URL Parameters – Next.js

Next.js

If we are developing an app using the Next JS framework, we may need to fetch data from the backend or make an API call with any change in URL parameters. Here we will discuss the steps to solve this use case. URL parameters are […]

October 3, 2021October 4, 2021
1 Comment

How to Add Title and Meta Tags for Each Page in Next.js

Next.js

In the case of React, we need to install a package called react-helmet to add title and meta tags for each router component. Also, for adding routes or multiple pages in a react app, we need a package called react-router-dom. But here in this article, […]

September 30, 2021September 30, 2021
No Comments

Experience of My First Freelance Work as a Full-Stack Mobile App Developer

Freelancing

People say “Freelancers are earning 1000’s dollars every week. He can work whenever he wants to and can enjoy the free time.” Wow! what a dreamy life. Here in this article, I am sharing my experience of my first freelance work as a full-stack mobile […]

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

September 18, 2021December 2, 2021
2 Comments

How to Use Sass or SCSS in a Next.js App

Next.js

Developers are constantly looking for the best technologies to build web applications. After the entry of the React.js library, it’s easier to design beautiful user interfaces. When coming to production-ready web applications, Next.js a framework of React library is awesome. Developers are also in love […]

September 5, 2021December 6, 2021
1 Comment

How to Use Context API in a Next.js App

Next.js

Technology is changing day by day. After the success story of the React.js library, developers are behind a React.js framework which is Next.js. Next.js helps to build production-ready web applications in record time. Popular companies like Netflix, Tiktok, Hulu, etc. are using Next.js already for […]

July 23, 2021September 5, 2021
No Comments

How To Create A Multi-Page Website With Next.js

Next.js

Next.js is a framework of React that helps to build production-ready web applications. You might get confused a bit while reading this title. Because we know that React.js is designed to build Single Page Applications(SPA). Here we will discuss the steps to create a multi-page […]