How to Deploy a React application on a cPanel
post is about how to deploy React app in a sub-directory on cPanel. So, for this, you need a React Application setup and a cPanel ready for deployment. You can host React app on Firebase or any free hosting as well. That, I will cover in another post. React App cPanel/WHM Once, you are ready, let’s start…
Best JavaScript Minifying Tools
Several JavaScript minification technologies are used by developers to reduce code size and improve performance. Each developer, on the other hand, has their own preferences and uses a different tool. There are a lot of JavaScript minification tools out there, and each one has its own set of advantages and disadvantages, so you’ll have to…
How to display the last updated date of a post in WordPress
It is better to show the last updated date in the articles in addition to the created date. This will always help the readers to ensure the freshness of the post. It can easily be done on a WordPress site. There are two methods using which the last updated date can be displayed. The first…
Read More “How to display the last updated date of a post in WordPress” »
How to move an entire div element up x pixels with CSS?
Sometimes, we want to move an entire div element up x pixels with CSS. In this article, we’ll look at how to move an entire div element up x pixels with CSS. To move an entire div element up to x pixels with CSS, we set the margin-top property. For instance, we write to move the div…
Read More “How to move an entire div element up x pixels with CSS?” »
How to trigger a button click from another button click event with JavaScript?
Sometimes, we want to trigger a button click from another button click event with JavaScript. In this article, we’ll look at how to trigger a button click from another button click event with JavaScript. To trigger a button click from another button click event with JavaScript, we call the element click method. For instance, we write to…
Read More “How to trigger a button click from another button click event with JavaScript?” »
How to Object Destructuring in ES6
This is a follow-up article to my previous article on Array Destructuring. Except you have an idea of destructuring, you should read it. First, let’s see why object destructuring is needed. We want to extract data from the object and assign it to new variables. Before ES6, how would this happen? See how tedious it is…
ReactJs Properties
A component props is an object that holds information about that component. They are similar to attributes in HTML. In fact, they are passed to the components the same way attributes are passed to HTML. Here’s the code for the component we made in my previous article. Adding Properties to Components So let’s say we want to…
How to Disable WordPress Auto Update? Turn Off WordPress Auto Updates
WordPress can update your website automatically. It can also update themes and plugins on your site. Choosing to automatically update a website can provide additional security benefits and at the same time, the chances of breaking your site’s style or functionality cannot be ignored. It is more relevant in the case of websites built with…
Read More “How to Disable WordPress Auto Update? Turn Off WordPress Auto Updates” »
How to Make Toggles With React Hooks
To toggle between a boolean flag in React, you can use the below custom hook that uses setState internally: Since the function returns an array, with a state and a callback function, you can use it in your component, just like you would for other built-in React hooks, like so:
How to PHP Get Max Value From Array
PHP gets the max/maximum/largest value from the array. This tutorial has the purpose to explain to you several easy ways to find or get the maximum or largest value from an array in PHP. Here, we will take e.g. PHP gets the maximum value in an array, get the largest number in the array PHP…
How to Reverse A String with JavaScript
The inverse string problem is a general algorithm problem. In this article, we will consider four JavaScript solutions for that. Reversing a string is, well, reversing a string. Okay, here’s the problem statement: Write a function that reverses a string. If you pass “Teach” to the function, it should return “hcaeT” and “listen” should become…
How to remove index.php from URL in CodeIgniter 4
CodeIgniter 4 projects, you’ll notice that the URL has an extra argument. It is index.php in your project URL. So, if you don’t want this extra dimension you can remove it. This will create a clean URL for your website. There are several ways to remove this index.php in CodeIgniter 4. You can create a…
Read More “How to remove index.php from URL in CodeIgniter 4” »
WordPress Installation Steps
WordPress is the widely used CMS for creating blogs. Installing WordPress is a very easy and simple process. It will take too less time to complete the Installation. There are many providers in the market that make the one-step WordPress installation possible by clicking the installer tool. In this tutorial, we are going to see…
PHP 8: Constructor property promotion
I’m very happy with the constructor property promotion RFC, it’s passed and will be added in PHP 8. You see, this feature reduces a lot of boilerplate code when constructing simple objects such as VOs and DTOs. In short: property promotion allows you to combine class fields, constructor definition, and variable assignments all into one syntax,…
How to check the PHP version
Newer PHP versions come with more features and improvements while deprecating some obsolete features. Old PHP codes might not work with more recent PHP versions and vice versa. It is, therefore, essential to use the correct PHP version for your code. You can check the PHP version on your system by running the php command from the command line. There are also some PHP functions that you can use…
Destructuring Assignment in ES6- Arrays
Destructuring assignment is a nice feature that comes with ES6. Destructuring is a JavaScript expression that makes it possible to unpack values from an array or properties from an object into separate variables. That is, we can extract data from arrays and objects and assign it to variables. Why is this necessary? Imagine if we…
PHP 8.1: read-only properties
Writing data transfer objects and value objects in PHP have become significantly easier over the years. Take for example a look at a DTO in PHP 5.6: And compare it to its PHP 8.0’s equivalent: That’s already quite the difference, though I think there’s still one big issue: all those getters. Personally, I don’t use them…
How to check PHP version using the command line
If you have access to the command line or terminal, then you can check your PHP version by running the php -v or php –version command. Here’s an example of the output: You can see that the command shows the PHP version as PHP 8.1.5. But sometimes you may not have access to the command line, or you may install…
Read More “How to check PHP version using the command line” »
How to Deploy or Host your ReactJS App in cPanel
This tutorial assumes you already have a cPanel hosting service purchased and a domain name registered. If yes, Let’s go straight to the steps (If No, You can comment, I can give you steps on how to get a domain and hosting service) Step 1. Using the Terminal/CMD in your project directory, create a react…
Read More “How to Deploy or Host your ReactJS App in cPanel” »
How to make the scrollbar visible in mobile browsers with CSS?
Sometimes, we want to make the scrollbar visible in mobile browsers with CSS. In this article, we’ll look at how to make the scrollbar visible in mobile browsers with CSS. To make the scrollbar visible in mobile browsers with CSS, we set the scrollbar’s width. For instance, we write to set the vertical width of…
Read More “How to make the scrollbar visible in mobile browsers with CSS?” »