How to find the longest string in javascript array?
akamit
To find the longest string in javascript array, we need to loop through all the elements and compare their lengths. The one which has the maximum length is the longest.…
How to remove duplicate objects from array in JavaScript?
(Jump to Code | Demo) In order to find the duplicates, we need to compare two values. In case of numbers and strings, this is very simple. But when it…
How to remove duplicate elements from array in JavaScript?
In this article we are going to create a function to remove duplicate elements from javascript array. Our function will be able to handle strings and numbers inside the provided…
How to remove first element from array in JavaScript?
When we remove an element from array, a null or undefined remains in its place. One of the option is to use removeNullUndefinedEmptyFromArray() function to clean the array. But if…
How to force component to re-render in reactjs?
There are two ways in which we can force component to re-render in React JS. Generally, we require this when there is change in the list but react fails to…
Remove null, undefined and empty values from array in JavaScript
In this article we are going to learn how to remove null, undefined and empty values from array in Javascript. We get null or undefined values in array when we…
Can’t perform a react state update on an unmounted component – Code
(Jump to Solution | Code | Demo) There are number of situations when you get the warning, “Can’t perform a react state update on an unmounted component“. One thing is…
Combine two javascript objects – Code Example & Live Demo
(Jump to Code | Demo) We can combine and merge two javascript objects using triple dot (…) notation of ES6. This is a very handy feature as it allows to…
Open File Upload Dialog Using JavaScript – Code Example & Live Demo
(Jump to Code | Demo) When we design an application, we get the requirements to upload images, pdfs, videos and all other sorts of files. We do this using html…
Change position of element in array using JavaScript code example
We can use splice() method to move an element of an array from one position to another in javascript. We will use latest coding principles of JS (ES6). Check the…
JavaScript date_format() function – Convert datetime like Php
Php has a date_format() function which can convert the datetime into any custom format. But sadly javascript do not have any such thing. So, we have implemented one for it.…
Convert Javascript Object into FormData for POST request
There are many ways to send data from html form to backend through POST request. Out of them, the primary way is FormData. This is ideal when you have simple…
Convert Object to Array in JavaScript to use in for loop
To convert JavaScript object to array, we can use two functions – Object.keys() and Object.values(). Suppose, our javascript object is – Now, if you want to for loop through this…
Top 10 linter for javascript to help you write clean, error free code
In this article I am going to list top 10 linter libraries for javascript. Linter makes your code readable and error free. They prettify and inform you about your syntax…
JavaScript Array Splice() – add / remove values at any position
To add or remove values from any position of an array in JavaScript, we can use splice() function. Here is the code – This function has 2 required parameters and…
MySql Timestamp – Right way to store datetime in tables
I struggled with the issue of storing date and time in database for a long time. Due to different time zones in the world, it is very hard to get…
Football Game CRUD Application in Javascript & LocalStorage
In this application we are not going to use any backend. Instead, we will use browser’s localstorage as our database. We will learn CRUD principles by developing football game application…
Twitter CRUD application in React, Php & MySql in 10 Minutes
All applications have 4 operations – Create, Read, Update and Delete. We call them CRUD. In this guide, we will create a “Twitter Feed” CRUD application using React, Php and…
React Navigation in 10 Minutes – A Quick and Complete Guide
React Navigation is used to navigate between app screens. It is nearly similar to websites where we click on links to open different pages. In this guide, you will learn…
Top 10 React Bootstrap Components For Every Project
React bootstrap is the frontend components library which is inspired from twitter bootstrap. Let us see 10 components of bootstrap which are very useful in any kind of project. 1.…
