Hello Friends 👋, Welcome To Infinitbility! ❤️ JavaScript array of objects, everyone uses to pass and store multiple details in the array. now, we are going to learn when we have already an array of objects and we want to add one more property in all array of objects or in a single object of the array then how to do. let start today’s tutorial How to add key and value in an array of objects in javascript?...

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to create a ref of your custom functional component in react, after creating ref we are able to use the child component function in the parent component and many things. Let start today’s tutorial How to create a ref of the functional component in React? I found, many tutorials where they are explaining how to use ref in functional components but rarely do I find how to make referenceable custom functional components where we can use ref in any place....

Hello Friends 👋, Welcome To Infinitbility! ❤️ When you are working with SQLite or you want to encrypt your sqlite database, you will definatly go with SQLCipher because it’s open source and free not like others SEE and SQLcrypt. But problems come when you have to set up SQLCipher in your system ( Mainly when you are not a JAVA developer ) there needs lots of things to set up SQLCipher like OpenSSL, Active TCL, Visual Studio, and many configurations....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to use interface or DTO in your React useState hook, Below example will work on react and react native both frameworks. Here we will learn use of interface objects and an array of interface objects in useState. Let start today’s tutorial How to use interface in React hook useState? First, take an example of an interface to use in variables....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to get the first element of the array, here we will use the basic syntax of the javascript array to get the first value. Let start today’s tutorial How to get the first element of the array in javascript? well, javascript stores all their elements index-based, and every time the first element assigns the 0 index. when we pass on an array, it will return the first element like this arr[0]....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to add icon and image in you react navigation bottom tabs, here we are using React navigation 6. Want React Navigation stack and bottom tabs combine example? https://infinitbility.com/how-to-create-stack-navigation-with-tab-navigation-in-react-navigation Let start today tutorial How to add icon in bottom tab navigation react native? BottomTabNavigator with image First, we will see how can we use in react navigation bottom tabs....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to remove back button from your react navigation header bar, here we are using react navigation version 6.x. Let start today tutorial How to remove back button in react navigation? React Navigation provides headerLeft options to show your custom Ui in header bar but you can also use for remove back button when you pass null on it....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to create bottom tab navigation with in stack navigation using react navigation in react native, here we are using react navigation version 6.x. Let start today tutorial How to create stack navigation with tab navigation in react navigation? Here full source code of tutorial https://github.com/infinitbility/react-navigation-stack-and-tab-example/tree/master Installation Now, we have to install required react navigation packages, as well as our stack and tab mavigation....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to check objects are empty or not in typescript, here we are using the Object.keys() method to check object has value or not. As we know, to check an empty array we are using array length to verify array is empty or not in an object there is .length property not available then we have to first create an object to array for length using Object....

Hello Friends 👋, Welcome To Infinitbility! ❤️ To check if a string contains a substring in typescript, just use the .includes() method it will check and return the result as a boolean based on whether the substring is available on a string or not. This tutorial will help you to check substring is present or not in a string using typescript syntax examples. here we are using the .includes() method to check substring available in string....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to check an array is empty or not in typescript, here we will use array length to check array has value or not but before checking the array, we have to check the array is defined or not. Let start today tutorial How to check an array is empty in typescript? for check array is defined, we are able to use typeof operator or for check empty array we have to just use array....

Hello Friends 👋, Welcome To Infinitbility! ❤️ To check the array contains a value in typescript, use the includes() method it will return the result in true or false depending upon substring contains or not. This tutorial will help you to check value contains or presented or not in an array, here we are going to use Javascript includes() method to check whether the value include or not in an array on typescript syntax....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to check index exist or not in array, here we will use if…else common syntax to check index present or not in array. when we pass index in array like this arr[3] it will return value else undefined. let assume we have namesarray like below. const names = ["Infinit", "Bility", "Infinitbility", "Welcome"]; when we try 3 and 4 index in this array....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to check value exist in array of objects in javascript, for check value exist or not we will use below methods. Javascript findIndex() method Javascript find() method Let’s start today’s tutorial How to check value exist in array of object in javascript? Javascript findIndex() method Javascript provide findIndex() method to find value in array, and we can also use this method to check value exist or not in array of objects....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to check value is decimal or not in javascript, here we will you below three ways to check decimal numbers. Javascript Number.isInteger() Method Javascript Math.floor() Method Javascript indexOf() Method Let’s start today’s tutorial How to check value is decimal or not in javascript? Javascript Number.isInteger() Method Javascript provide Number.isInteger() to identify given data is whole number or decimal number....

Hello Friends 👋, Welcome To Infinitbility! ❤️ Javascript provides multiple ways to check value is a number or not isNaN(), and typeof methods are some of those. Now, we are going to see how we can use the isNaN(), and typeof methods to check the given value is number. Let’s start today’s tutorial How to check value is number or not in javascript? Javascript isNaN() method Javascript provides the isNaN() method to identify data is number or not just like is full form Not a number....

Hello Friends 👋, Welcome To Infinitbility! ❤️ Sharing common code between multiple projects, we have three ways and Monorepo is one of them. This guidebook explains monorepo with practical examples of sharing and using code in multiple projects. Github Project Source - https://github.com/infinitbility/the-javascript-monorepo Let’s start with the index WHAT IS MONOREPO? PROPONENTS OF MONOREPO SO, IS A MONOREPO A GOOD IDEA? BEST PROS & CONS MONOREPO EXAMPLE WHAT IS MONOREPO? Monorepo is a nickname that means “using one repository for the source code management version control system”....

Hello Friends 👋, Welcome To Infinitbility! ❤️ This tutorial will help you to replace the same strings or words from your string data. we will see two methods to replace all occurrences in a string. Now we are going to replace using the below methods Javascript replaceAll() method Javascript replace with regex global method Let’s start today tutorial How to replace all occurrences of a string in JavaScript? Javascript replaceAll() method JavaScript replaceAll() method provides for replacing the same strings in your string data....

Hello Friends 👋, Welcome To Infinitbility! ❤️ To use regex in typescript, use the new RegExp() constructor, using this you can easily create and store the regex in a variable after that you will be able to operate on it. This tutorial will help you to use Regular expressions (RegEx) in typescript, here we will learn below three points in typescript regex. Create Regular Expressions Regular Expressions Methods Regular Expressions Practice Let’s start today’s tutorial How to use regex in typescript?...

Hello Friends 👋, Welcome To Infinitbility! ❤️ Same like javascript, TypeScript have typeof Operator to check datatype of variable. using typeof we are able to check any variable type and compare with our own condition. Let start today tutorial How to check type of variable in typescript? TypeScript provide typeguard and typeof one of them. we will all of them but in this tutorial we will focus on typeof. typeof example let str: string = "01234"; console....