Article Categories
- All Categories
-
Data Structure
-
Networking
-
RDBMS
-
Operating System
-
Java
-
MS Excel
-
iOS
-
HTML
-
CSS
-
Android
-
Python
-
C Programming
-
C++
-
C#
-
MongoDB
-
MySQL
-
Javascript
-
PHP
-
Economics & Finance
Articles on Trending Technologies
Technical articles with clear explanations and examples
How to use the handleChange() function in react component?
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 MoreHow to use AppBar Component in Material UI?
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 MoreHow to set focus on an input field after rendering in ReactJS?
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 MoreHow to send one or more files to an API using axios in ReactJS?
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 MoreHow to create Menu Item Component in ReactJS?
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 MoreHow to create Instagram Like button in ReactJS?
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 MoreTop Kubernetes Interview questions
The best orchestration technology nowadays is Kubernetes, which has become the industry buzzword. It draws a lot of seasoned employees looking to go up the corporate ladder. International businesses including Huawei, Pokémon, eBay, Yahoo Japan, SAP, Open AI, and Sound Cloud utilize Kubernetes on a daily basis. The market, however, is lacking in Kubernetes Certified experts. I assume you already are aware of these details, which led you to this post about Kubernetes Interview Questions. This article will help you learn about the most common interview questions. Describe Kubernetes An open-source container management platform called Kubernetes is in charge of ...
Read MoreThe Importance of Hands-on Learning in DevOps
DevOps is an often-misunderstood topic. It is more of a culture than a procedure. It emerged from the necessity to depart from conventional software design. When both Development and Operations began to confront issues that could not be handled with the technology available at the time, the approach known as "The Waterfall" was developed. DevOps is becoming more popular in the world of software development. DevOps is growing in popularity; thus, the question is: "How can one learn to use and be successful in this methodology?" It's not like developers can just go out and buy a DevOps-integrated software packages, ...
Read MoreHow to implement Continuous Integration and Continuous Delivery
The ideal method to use Continuous Integration and Continuous Delivery procedures is to increase the software quality, shorten the time to market, and use less infrastructure. Continuous integration is the process of routinely developing and updating an application's source code, using a set of established procedures and tools, and releasing each version on a regular basis. Although similar, continuous delivery is used to roll out software when new system features are developed and in response to client input. CI and CD should be the core component of one’s IT strategy, regardless of how the decisions are taken ...
Read MoreUnderstanding Docker Architecture with examples
Describe Docker Docker is an open-source container management platform that is free to use and offers a wide range of tools and utilities for developing, testing, and deploying applications. You can build packed, isolated, and platform-independent containers that include all libraries and dependencies. This will make it simple for you to create and distribute applications. The Docker Platform The Docker platform provides tools and utilities for packaging, building, and running software applications in isolated and containerized environments known as containers. The Docker architecture's security and isolation enable you to do so. Docker includes numerous tools for managing container lifecycles. ...
Read More