Instead of writing our own logic to determine if the given string is of a particular case or not, we can write a helper method that acts as a wrapper, in which we compare the original string with the one returned by lodash method, and return true or false. The wrapper is a good way to pass on the responsibility of correct logic to lodash, a thoroughly tested library.
[Read More]Replace All Keys of Deeply Nested Objects or Array of Objects in JavaScript
Change the case of object keys recursively to camel, snake, kebab, upper, lower, and start. Or modify in another way.
For a deeply nested object or array of objects, we might want to replace all the keys in some way, such as modifying their case (camel case, snake case, etc.) or adding an underscore at the start of each key or on both sides. Or we may like to change the keys in any other way.
[Read More]Calculate Total Investment Value With Dividends Added
Online Investment Calculator and JavaScript Algorithm.
Below are the tool and the code in JavaScript to calculate the total value of your investment after adding monthly dividends to the principal amount over a period of time (months).
[Read More]Restrict Content for Users of Specific Countries With JavaScript Only
A browser firewall without any backend!
As I have shown in a previous post, we can find the country of the user on the browser with JavaScript only. Using this information, you can restrict your site content for users belonging to specific countries.
[Read More]Track Number of User Visits With JavaScript Local Storage
And show personalized content on browser based on data
With the help of the browser’s LocalStorage, we can keep track of the number of visits of a user on the website or a particular webpage. Based on this data, customized alerts, messages or information can be shown to the user.
[Read More]React JS Render Form With Dynamic Conditional Fields
Show or hide based on the parent field value
In the last post I showed how can we plot a form whose data is all dynamic, coming from a backend API. Continuing from there, say we have again a totally dynamic set of fields coming from a backend API. It has some fields that are conditionally linked to another field.
[Read More]
React JS Render Form With Dynamic Data From Backend API
including field validations
We need to plot a form whose entire fields are coming from the backend. Since the fields are not known in advance, we cannot add them statically. The data about each field, such as its id to save with, name, validations, etc. all comes in the API response too.
For the given scenario, I have used React Hook Form. The demo and example code for a dynamic questionnaire is shared below.
[Read More]Exclude Yourself From Google Analytics Without Filtering IP Addresses or Using Extensions
Including localhost calls. Works regardless of location, browser, or device.
When you visit your own blog or website, Google Analytics still tracks it as a view, which kind of corrupt your stats a little. If you want to check your site and keep the analytics data clean and legitimate, you must somehow exclude yourself from all the visits on all the pages.
[Read More]
Find and Replace or Remove Multiple Instances of a Substring in JavaScript
A quick hack with a practical example
In JavaScript, if there is nothing much complicated that you want to find/search and then replace/remove in a given string, there is a small but effective (granted, not much efficient) hack. Find out below with an example:
[Read More]Remove or Replace a Substring in JavaScript String
When the start and end indexes are known
If we know of the start and end index, we can remove or replace the substring from a JavaScript string in the following way:
[Read More]