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 clear your cache in npm
If you ever get weird errors in npm like Please run npm cache clean you may need to clean or refresh your npm cache. To fix this, you can try running npm cache clean. Run: “npm cache verify” for npm version 5 and up However if you’re running npm v5 and above, npm is supposed to be self-healing,…
How to check if a customer is logged in to Magento 2 or not?
There are two ways by which you can check if a customer is logged in or not: 1) By using Object Manager It is always a bad practice to use ObjectManager directly. 2) By Injecting Class (Dependency Injection) As said earlier, it is one of the worst practices to use the ObjectManager directly. Therefore an…
Read More “How to check if a customer is logged in to Magento 2 or not?” »
Understanding State in React Components
A difference between state and props is that while the data stored by props are fixed throughout their lifetime, state store data that can be changed over time. This change can be in response to user actions, network responses, or anything. Also, while props are set by the parent component, state is changed internally by the component itself. A component’s state should be considered private data. This…
HTML Tutorial
HTML is the standard markup language for Web pages. With HTML you can create your own Website. HTML is easy to learn – You will enjoy it!
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,…
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…
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” »
What’s new in PHP 8.2
PHP 8.2 will be released on November 24, 2022. In this post, we’ll go through all features, performance improvements, changes, and deprecations one by one. Readonly classes rfc This RFC builds on top of them and adds syntactic sugar to make all class properties readonly at once. Instead of writing this: You can now write this: Functionally, making…
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 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 use :hover to modify the CSS of another class?
To use :hover to modify the CSS of another class, we can use it with another selector. For instance, we write to select the elements with the class wrapper in the elements with class item that we hovered on. We set its color and background-color for those elements.
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 use the Local Storage in Javascript
This article discusses what local storage is and the JavaScript methods that we can use to manipulate it. What is Local Storage? Local storage is a web storage object that is available in a user’s browser. It allows JavaScript browsers to store and access data right in the browser. Basic CRUD operations (create, read, update…
How to use setTimeout and setInterval methods in JavaScript
There are times when you don’t want to execute a function immediately. You want it to delay its execution or run repeatedly after a certain time interval. JavaScript provides us with two methods to achieve that: setTimeout and setInterval. In this article, we will discuss these two methods and how we can use them to…
Read More “How to use setTimeout and setInterval methods in JavaScript” »
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?” »
How to Symfony parameters and environment variables use
Parameter The Symfony parameter is a variable stored in the service container. Use parameters when you want to separate out values that regularly change as well as for reusable purposes.We should prefix with ‘app’ to prevent conflicting with parameters from Symfony and 3rd party bundle, the following example is a parameter for sender email: #…
Read More “How to Symfony parameters and environment variables use” »
How to Enable Debug Mode in Laravel
Debugging is a helpful feature for developers to identify the causes of issues. Most modern application frameworks allow you to enable debug mode, including Laravel. It is a good idea to keep enabling debug mode in your development environment. In your production environment, this value should always be false. This tutorial help to enable/disable debug…
How to change the link color of the current page with CSS?
Sometimes, we want to change the link color of the current page with CSS. In this article, we’ll look at how to change the link color of the current page with CSS. To change the link color of the current page with CSS, we set the color background-color properties. For instance, we write to set the text color…
Read More “How to change the link color of the current page with CSS?” »
How to Add Reset Button in jQuery UI Datepicker
I am using the jQuery UI date picker plugin to add the date picker dialog to the text input field. Since the input field is a read-only element, it is not allowed to clear the selected date. Is there any option to add a reset button in the date picker to clear the date from…
Read More “How to Add Reset Button in jQuery UI Datepicker” »