Implement idle timeout popup in React
Today we will show you how to implement idle timeout popup in React application. You may need to develop/integrate the functionality to detect inactive users to auto logout in React....
The way to write your code
Pass command line arguments to npm scripts in package.json
In this short article, we will show you how to pass command line arguments to npm scripts in package.json. Sometimes, we may need to pass the command line args to...
How to prevent a website from being loaded in an iframe
Today we will show you how to prevent a website from being loaded in an iframe. The X-Frame-Options HTTP response header can be used to block a website from loading...
How to set environment variables in React with Webpack
Today we will show you how to set environment variables in React with Webpack configuration. We will also show you how to load different environment variables from the .env files...
Generate QR code using PHP
Today, we’ll explain to you how to generate QR code using PHP. A QR code (Quick Response code) is a type of matrix barcode used mostly for online shopping and...
Configure git to ignore some files locally
In this short article, we will show you how to configure git to ignore some files locally. Sometimes, You may need to exclude files from Git only on your computer....
Encode and decode strings with base64 in JavaScript
Today we will show you how to encode and decode strings with base64 in JavaScript. In this article, we will use the btoa() and atob() JavaScript methods to encode or...
Delete files older than x days or after x amount of time in PHP
Today we’ll show you how to delete files older than x days or after x amount of time in PHP. Sometimes we need to delete files older than n number...
Show and Hide password field text using jQuery
Today, we’ll explain to you how to show and hide password field text using jQuery. In this toggle or show/hide password functionality, you can see the password during writing. Here...
Test an input field using the React Testing Library
Today, we will show you how to test an input field using the React Testing Library. Here we will use the userEvent.type() method from the @testing-library/user-event npm package. Checkout more...
How to pass webpack environment variables in HTML
Today we will show you how to pass webpack environment variables in HTML. Let’s assume that you have created the react application using the webpack and you want to pass...
PUT request using axios with React Hooks
Today we will show you how to integrate PUT request using axios with React Hooks. In the previous articles, we had discussed the POST request and GET request using axios....
Create bootstrap modal popup using reactstrap
Today we’ll show you how to create bootstrap modal popup using reactstrap. In the previous article, we had created a simple popup using CSS in React. Here, we will use...
Test an onClick event using the React Testing Library
Today we will show you how to test an onClick event using the React Testing Library. Here, we will use the fireEvent.click() to handle the button click event. In the...