Hello Friends 👋, Welcome To Infinitbility! ❤️ I tried autocomplete="off", autoComplete="off" and many more but many browsers like Mozilla, Google or Edge are still showing autocomplete and auto-fill data to my input box, and then I found an article after hours of research and now I’m going to show how I can disable autocomplete and auto-fill. Let’s start today’s tutorial How to disable autocomplete in material-ui Textfield I found Mozila MDN Documentation where Documentation exaplaining why many modern browsers do not support autocomplete=“off” for login fields something like inputs....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to detect device have notch or not in ios, android, and windows, here we will use react-native-device-info ( https://github.com/react-native-device-info/react-native-device-info ) for detection device have notch or not. Let’s start today tutorial How to detect notch in react native What is notch? Notch at phone is a small cut-out, which is placed at the top part of the your screen display....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to detect device is emulator or not in ios, android, and windows, here we will use react-native-device-info ( https://github.com/react-native-device-info/react-native-device-info ) for detection device is emulator or not. Let’s start today tutorial How to detect device is emulator in react native Introduction React Native device info provide isEmulator() function to check app running in emulator or not it will return only true or false....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to detect is headphone connected or not in ios and android, here we will use react-native-device-info ( https://github.com/react-native-device-info/react-native-device-info ) for detection currently headphone connected or not. Let’s start today tutorial How to detect headphone in react native Introduction React Native device info provide isHeadphonesConnected() function to check headphone connected or not it will return only true or false. isHeadphonesConnected() function work in ios and android....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to detect is battery charging in ios, android, windows and web, here we will use react-native-device-info ( https://github.com/react-native-device-info/react-native-device-info ) for detection currently battery charging or not. Let’s start today tutorial How to detect battery charging or not in react native Introduction React Native device info provide isBatteryCharging() function to check battery charging or not it will return only true or false....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to detect is airplane mode on in android and web, here we will use react-native-device-info ( https://github.com/react-native-device-info/react-native-device-info ) for detection of airplane mode on or not. Let’s start today tutorial How to detect airplane mode in react native Introduction React Native device info provide isAirplaneMode() function to check airplane mode on or off it will return only true or false....

Hello Friends 👋, Welcome To Infinitbility! ❤️ React Material Ui provides a great UI Component and Select is one of those. As we know in Select design have to underline but in any case, we want to remove the underline. Today, we are going to remove the underline from React Material Ui. Let’s start today tutorial How to remove the underline from material select in react js React Material Ui provides disableUnderline props to remove the underline from the material-UI select component....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This article will help you to test and solve host header injection but the below solution is only for apache users. Table of content What is the host header How to test host header How to prevent host header injection in apache Let’s start today’s tutorial How to prevent host header injection in apache. What is the host header A host header is used when several web applications are deployed on the same IP address....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This article will help you to check the validation of textinput field password and confirm the password in react native, where we can put the required field, min length, and max length, and password and confirm password match validation before sending data to API. Today, We understand the logic implementation of the required field, min length, and max length, and password and confirm password match validation with a small code spiniest, and we will create a complete example of password and confirm password validation....

Hello Friends 👋, Welcome To Infinitbility! ❤️ React native shows all logs in react native metro bundler terminal and it’s available in both ios and android but it’s not flexible to use and debug code. React native also provide remote debugger option where it show’s all messages, logs, warning, and errors. See the image below for what it looks like. Now, we are going to learn how we can start a remote debugger in an emulator or real device....

Hello Friends 👋, Welcome To Infinitbility! ❤️ React tag input does not provide any specific key to show suggestion list on onClick but we can do using with minQueryLength and renderSuggestion when we pass minQueryLength={0} in reactTags then it will show suggestion list on onClick but we can phase also the query selection issue that’s why we have to render custom suggestion style, where we can put code show only suggestion text....

Hello Friends 👋, Welcome To Infinitbility! ❤️ To get key and value from json object in javascript, you can use Object.keys(), Object.values(), for Object.entries() method the methods helps you to get both key and value from json object. Table of content Working with JSON String Using for..in the loop to get key and value Using Object.keys() to get key and value Using Object.values() to get key and value Using Object.entries() to get key and value Get Key and value from nested JSON object Working with JSON String As we know we use JSON strings to send and receive JSON to communicate between two technology....

Hello Friends 👋, Welcome To Infinitbility! ❤️ react-datepicker throws the error invalid date when the user clears the date value on react date picker textinput. To handle invalid date issues many devs try to use editable false, disabled true, and readOnly but it also affects react date picker select date modal ( it will work some browsers but not all ). Now the problem comes how can we disable type or pasting user data on date picker text input....

Hello Friends 👋, Welcome To Infinitbility! ❤️ Javascript provides a typeof keyword to check variable dataType and undefined is also a data type, and it means variable declare but not assign any value on it. Now we are going to learn how can we check value is undefined but hear provided solution will work on any browser and any javascript frameworks like react, react native, due, node, demo, Gatsby, next and etc....

Hello Friends 👋, Welcome To Infinitbility! ❤️ JavaScript provides typeof keyword to check the datatype of any variable, it will return string, number, boolean, symbol, undefined, object, and function. Due to the javascript codebase, it will work also in React, React Native, typescript, node, deno, next, vue, gatsby, and all javascript libraries. Today, we are going to use typeof in every possible example. let’s start. typeof string example typeof return string if we check any data available in quotes....

Hello Friends 👋, Welcome To Infinitbility! ❤️ React Native provide platform module to check some basics detaile related to device and applicatuion like version, os, and etc. Today, we use react native platform os module to check device is a android or ios and write some code dependent upon device os. Platform.OS will return android when runing in Android device and return ios when runing in iOS device. Let see how we can get device os name using Platform....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to verify connected devices in react native it will connected devices name or emuletor name and also share status of connected devices like they are authorize or not. Before check connected devices list we will understand how to connect any android device to react native. Step 1: Developer options Most Android devices can only install and run apps downloaded from Google Play, by default....

Hello Friends 👋, Welcome To Infinitbility! ❤️ Javascript provides includes() method to check specific item exist or not in an array and the below example also work on if you searching for React, React Native, typescript, node, deno, next, vue, gatsby and all javascript library. includes() also use for the search string in the array you have to only pass user search text as a value in the includes() method....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial helps you to empty string in react native function, and render the component. here you will get an example check an empty string in functions, render components or also handle if the string contains space. To handle empty string in function we use Javascript Truthy Values ( https://developer.mozilla.org/en-US/docs/Glossary/Truthy ) syntax and for in render we use JSX syntax to handle empty string....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to use environment variables in your laravel project, here we share examples of using env variable in controller and blade. Laravel provide env() helper function to access env variable in laravel. You have to pass only veriable name in env() function like env('VARIABLE_NAME');. Now we know the syntax of using env() in laravel. env('VARIABLE_NAME'); Let us understand for example using in laravel controller and blade....