What is Scalability Testing and Learn with ExampleA system/application must have the capability to function flawlessly under excessive load. Scalability testing features the process where the efficiency of a system is tested based on a growing number of user requests, data volume, transactions, and user traffic. The developers identify the points where the system stops responding to changes and dig deeper to find its reasons.Salient features of Scalability TestingIt tells you how the application behaves under heavy loadIt let you know the limitation of the app in terms of user experienceIt helps you determine the efficiency and limits of the ... Read More
In this article, we will learn how to lazily load the pages of our application to make our React application more optimized.React apps are bundled with the preinstalled bundlers like webpack before making the React application to be production ready. When this bundled project is loaded, it loads the whole source code at once, even those pages which are rarely visited by the user. So, to prevent the entire loading of the application at once, we use the concept of lazy loading to decrease the DOM load time and to increase the speed of the application.Syntaxconst OtherComponent = React.lazy(() => ... Read More
Cybercriminals use numerous ways to take advantage of the vulnerabilities in the operating system or applications to infiltrate the device or network. One such method is using the Backdoor Attack.In this post, we would discuss what Backdoor Attack is, its types, and how to stay safe from Backdoor Attacks.What is a Backdoor Attack?In cybersecurity terms, a Backdoor Attack is an attempt to infiltrate a system or a network by maliciously taking advantage of software's weak point.Backdoors allow the attackers to quietly get into the system by deceiving the security protocols and gain administrative access. It is similar to the real-life ... Read More
To infiltrate into a system, cybercriminals use different methods; Attack Vector is one of them.In this post, we would know in detail what Attack Vector is, why and how do hackers exploit it, and how to protect your system against Attack Vectors.What is Attack Vector?Atack Vector is a malicious term used for describing the path or the method used by cybercriminals to get entry into a system. It allows the attackers to exploit the vulnerabilities and loopholes to deploy malware and conduct other malicious activities on the system.Once the cybercriminals get an entry into the system using the attack vector, ... Read More
In this article, we are going to see how to import CSS Files, images and functions defined in other folder to the main App.js file.In React, we need to dynamically import the images from their folder.ExampleIn this example, we will define a project structure with the images and components already defined in the assets and components folder and then we are going to dynamically import them in our main App.js file.Project StructureApp.jsimport React from 'react'; import MyComponent from './components/my -component.js'; import TutorialsPoint from './assets/img.png'; const App = () => { return ( ... Read More
Google Chrome is unarguably the best internet browser across every platform. It provides its users with a large number of advanced features that enhance their web browsing experience. It is fast, feature-rich, and comes with an excellent user interface.Many of you might not be aware of the fact that the Google Chrome browser in the Windows operating system is capable of performing malware scanning on the entire system.Yes, you can detect and remove the virus and other malware from your system using the Chrome Antimalware feature.In this post, we would know how to use the Google Chrome virus scanner to ... Read More
In this article, we are going to learn how to send and receive Http Responses with axios in a React application.Why Use axios?Automatic conversion of response to JSON formatEasy to use and more secureSetting up global HTTP interceptorsSimultaneous RequestInstalling the modulenpm install axiosORyarn add axiosNpm is the node package manager which manages our React package but yarn is the more secure, faster and lightweight package manager.Sending GET requesthttps://jsonplaceholder.typicode.com/todos/1Jsonplaceholder is a fake API which is used to learn the process of the sending requests.ExampleApp.jsximport React, { useEffect, useState } from 'react'; const App = () => { const [data, setData] = useState(null); const ... Read More
Volume Testing, aka Flood Testing, is a non-functional test used to see the software or application's performance when introduced to a high volume of data. The volume here refers to the size of the database or the file subjected to the test.Under the volume testing, the developers will keep adding data until the database reaches its threshold. Then the system will be analyzed for its response.For example, you want to add 1000 new products under the "TV" category on your eCommerce site. Before adding those entries into the database, you must ensure whether your site can handle such an extensive ... Read More
In the modern world, smartphones have become an immovable part of everyone's life. It contains almost everything important to a person, for example, banking apps, navigational apps, utility apps, and more. It is, therefore, more than essential to safeguard smartphones at any cost to protects the owner's privacy.Like computers, Android smartphones can also get infected with malicious programs such as viruses, trojans, spyware, adware, and others. Android malware is mainly intended for stealing sensitive information, misguiding users by showing irrelevant ads, and redirecting them to malicious websites. They can infiltrate the device in many ways; for example, users can install ... Read More
In this article, we are going to see how to apply inline styling to a component in a React application.Radium is a popular third package application used to add inline styling and pseudo selectors such as :hover, :focus, :active, etc. to a JSX element.Installing the modulenpm install --save radiumORyarn add radiumNpm is the node package manager which manages our React package but yarn is the more secure, faster and lightweight package manager.ExampleApp.jsximport Radium from 'radium'; import React from 'react'; function App() { const style = { ':hover': { backgroundColor: '#000', ... Read More