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 split a string into an array with Twig
Twig provides many filters that mimic the basic features of PHP that are easy to understand for front-end developers. One of those filters is a split filter that allows you to split a delimited string by a single character, returning a repeating array. You can limit the length of the result array providing it as…
How to create the first Git Repository
Welcome to the tutorial on Git. Here you will learn how to Create a Repository, and how to clone or copy other repositories. A Repository is a project that is tracked and managed by Git. Thus, Git tracks changes by storing snapshots of project versions in a .git file. Git Config There is a need…
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…
What is SSH in Linux?
SSH stands for Secure Shell, and it is a network protocol that provides a secure way to access and manage a remote computer over an unsecured network. In the context of Linux, SSH is widely used for secure command-line access to servers, allowing users to execute commands, transfer files, and perform other administrative tasks on…
How to change background Opacity when the bootstrap modal is open with CSS?
Sometimes, we want to change background opacity when the Bootstrap modal is open with CSS. This article will look at how to change background opacity when the Bootstrap modal is open with CSS. To change background Opacity when Bootstrap modal is open with CSS, we set the opacity style in the modal-backdrop class. For instance, we write to set…
Read More “How to change background Opacity when the bootstrap modal is open with CSS?” »
Git basics: The simple commands to begin with
Git config command This command is used to configure settings accompanying your use of git on your local machine/computer. Here are the major settings and configurations executed with this command. You can configure these settings on a global or local level. NB:Your username and email should be the same as those on your GitHub or…
How to Get Environment Variables in Laravel ReactJS
This article will provide examples of react js environment variables. I would like to share with you how to get the env variable in the laravel react site. if you want to see an example of how to get environment variables in react js then you are in the right place. we will help you…
Read More “How to Get Environment Variables in Laravel ReactJS” »
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…
Best Practical CSS Tips
1. First letter drop We can use :first-letter it to drop the first letter of the text. The:first-letter selector is used to specify the style of the first letter of an element, it only applies to block-level elements. The effect is as follows. See the Pen Untitled by TeachDeveloper (@TeachDeveloper) on CodePen. 2. Image text wrapping Shape-outside is…
PHP 8: Attributes
As of PHP 8, we’ll be able to use attributes. The goal of these attributes, also known as annotations in many other languages, is to add metadata to classes, methods, variables, and whatnot; in a structured way. The concept of attributes isn’t new at all, we’ve been using docblocks to simulate their behavior for years…
Difference Between Git and GitHub
Git and GitHub are the same and serve the same purpose, but this is not the case. Git is a version control system used to manage different versions of our project whereas GitHub is a Git repository hosting service. Git- Git is a very popular version control system used to manage projects. However, a version…
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 increase browser zoom level on page load with CSS?
Sometimes, we want to increase the browser zoom level on page load with CSS. In this article, we’ll look at how to increase browser zoom level on page load with CSS. To increase browser zoom level on page load with CSS, we set the zoom property. For instance, we write to set zoom to 2 on the zoom class. Then the…
Read More “How to increase browser zoom level on page load with CSS?” »
How To Install Nginx, PHP on Ubuntu 22.04
Now, Open a terminal and start following the below steps. Step 1 . Install Ngnix. our system is updated now we will install Nginx. Ngnix is installed, Now we will configure the firewall, we will allow port 80 and port 443. Now open your IP in the web browser you will see the output, If…
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 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 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,…
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,…