Think of a list of movie objects. In its standard form, it may look something like this.

const movies = [
  {id: 1, name: 'The Dark Knight ', year: 2008},
  {id: 2, name: ' Jokers', year: 2019}
];

Now consider the equivalent list of the inverted data.

const invertedList =…

Sometimes the concept of a value is obvious like when dealing with numbers or strings. It is clear that numbers, strings, booleans are data and can be used as values.

Sometimes it is not so easier to understand. For example objects, functions and classes are values in JavaScript. …

This article looks at how to manage a list of radio buttons vs a list of checkboxes with React Hooks.

In both cases, we need the list of options to display on the screen. Below is such a list.

const options = [
  { id: 1, name: "Option1" }…

This article takes a look at how to create a class in a dynamic way using class expressions. This can be handy when creating simple classes used to build objects for transferring data.

Consider for example the next Todo class.

class Todo{
  constructor(title, completed){
    this.title = title;
    this.completed …

A few years ago I wrote an article describing how to create a three-layer application using React. This post shows how to create the same architecture using React Hooks.

The there layers in question are :

• The UI layer
• The Business layer
• The Data Access layer

All these layers will…

It is used to say that in JavaScript variables can be declared with var, let and const, but if you think about it, the function declaration, the class declaration, and the import statement are also ways to declare variables. This article looks at all of them.

var

var allows to declares…

This article looks at the challenge of reading the current state value inside a callback for setTimeout or setInterval utility functions.

useState

Let’s start by creating a simple Counter component. It displays a counter and a button incrementing its value.

The state in this example is the counter value.

import {…

This short post looks at how to simplify an expression that tests several values using the includes array method.

Here is an example of how such logic may look like.

function checkCity(city){
  if(city === "Sorrento" || city === "Genova" || city == "Bari"){
    return 1;
  }
  
  return 0;
}checkCity('Malaga')…