The handleChange() is not a built-in function in the React, but as its name suggests, we can define it to handle changes that users made in the input. In the react, we need to handle the input whenever a user enters some value in the input field to make it editable. Here, we will learn to use the handleChange() function with single and multiple inputs. Use the handleChange() function with functional components In react, we can define the components using the function keyword and call them functional components. We can use hooks to manage the input value while using the ... Read More
The Material UI is a library containing various components with different styles and responsive designs. For example, Material UI contains an AppBar component, which we can directly import into the React component and use as a child component of other components. Also, the Material UI library contains different components like buttons, links, tab bars, pagination etc. Furthermore, we can manipulate every component by passing a prop while using the component. For example, we can make an AppBar responsive by passing the respected props. This tutorial will teach us to use the AppBar component in Material UI. Users should install the ... Read More
While working with the forms in React, sometimes we may require to focus on any input. For example, we want to enable the submit button only if the user enters some text in the input field. In such cases, we can focus on the input so that users know that they have to enter some text in the input field to enable the button. In this tutorial, we will learn multiple ways to focus on the input field after rendering in ReactJS. Use the autoFocus attribute with the input field We can use the autofocus attribute in HTML to focus ... Read More
ReactJS is a frontend library, so we can use it to create web pages. It’s natural to show data in real-time applications, and the backend manages it. So, whenever React needs data to show on the web page, it gets it from the backend by making API calls. Sometimes, we may require to send data to the backend to store it in the database. For example, we have taken the user’s profile image and need to send it to the backend to store it in the database. In many cases, we require to send single or multiple files to ... Read More
The Menu item component shows users various menu options, and they can select any option from the menu item component. The menu item component in React Js is similar to the element in HTML, or we can say it is a dropdown menu. Also, menu components contain a submenu to show multiple options for any menu item. Developers should use the HTML tag to implement menu item components from scratch. However, many React libraries available on the internet provide pre-designed Menu item components. So, we will use different libraries to build the menu item components below. Use ... Read More
Fibre Channel Protocol (FCP) is a communication protocol designed to provide fast and dependable data transfers between servers and storage devices in storage area networks (SANs). History of FCP FCP was first introduced in the early 1990s as a outcome of a deal between the tech giants among IBM, HP, and Sun Microsystems. The protocol was designed to improve upon the limitations of previous communication protocols used in SANs, such as SCSI, and to enable higher-speed data transfers. How FCP Works As mentioned, FCP is a layered protocol that operates at the transport and session layers of the OSI model. ... Read More
Most of all, you have used Instagram and have looked at the Like button given below every post. There are two things to notice about Instagram Like button: one is its shape is a heart shape which we need to create, and another is it fills up with red colour when we Like someone's post. There are two different ways to create Instagram Like button. One is created from scratch using CSS and JavaScript, and another uses two different icons. One is filled, and another is outlined. Use the Material UI library We will use the FormControlLabel component from the ... Read More
A network hub is a common networking device that allows multiple devices to communicate with each other. Hubs are used in local area networks (LANs) to connect devices together, such as computers, printers, and servers. This article will explore the basics of network hubs, including how they work, the different types of hubs available, their advantages and disadvantages, their challenges and advancements. What is a Network Hub? A network hub is a central connection point for multiple devices in a LAN. It operates at the physical layer of the OSI model, which is responsible for transmitting data across a network. ... Read More
Radio broadcasting has come a long way since its inception over a century ago. From analog to digital, radio broadcasting has evolved to provide listeners with high-quality audio that can be received on a variety of devices. One of the latest advances in radio broadcasting is Digital Audio Broadcasting (DAB), a technology that is changing the way we listen to radio. What is DAB? DAB is a digital radio broadcasting system that uses digital audio compression to transmit audio signals over the airwaves. Unlike traditional analog radio, DAB offers higher quality audio and a wider range of features, such as ... Read More
Spread Spectrum Communication, a technique used to enhance the reliability and security of wireless transmissions. Spread spectrum communication involves spreading a signal over a wide range of frequencies, which makes it difficult for unauthorized users to intercept or jam the signal. This technique employs different methods to spread the signal, including direct sequence spread spectrum (DSSS) and frequency hopping spread spectrum (FHSS). DSSS multiplies the original signal with a random sequence of bits, known as a spreading code, to spread the signal over a wide range of frequencies. On the other hand, FHSS hops the signal between different frequencies over ... Read More
Data Structure
Networking
RDBMS
Operating System
Java
iOS
HTML
CSS
Android
Python
C Programming
C++
C#
MongoDB
MySQL
Javascript
PHP