Mario Barceló

💻 Frontend Developer. 📱 Tech passionate. 🎲 Board Game lover. 🏈 Football rookie.

8 posts

Jun 2, 20232 min read
Cómo hacer que Prettier no formatee código
Prettier nos ayuda entre otras cosas a que nuestro código quede visualmente ordenado y homogéneo. No obstante hay ocasiones donde puede que queramos que Prettier no formatee nuestro código. Por ejemplo, imaginemos que tenemos un código en formato JSO...
May 3, 20231 min read
Hello World con React
Vamos a aprender cómo mostrar un "Hello World" con React. // 1. Importamos dependencias import React from 'react'; import { createRoot } from 'react-dom/client'; // 2. Creamos un elemento de React const element = React.createElement( 'p', { id: ...
Dec 12, 20221 min read
How to check if an array includes a value
To easily know if an array includes a value we can use the includes() method: let items = [ "Computer", "Monitor" ]; items.includes("computer"); // false items.includes("Computer"); // true As you can see it is case sensitive. And you can check fo...
Dec 8, 20222 min read
Array destructuring in JavaScript
When we have an array and we want to extract the variables we can do it like this: const fruits = ['apple', 'strawberry', 'banana', 'orange']; const apple = fruits[0] // apple const strawberry = fruits[1] // strawberry const banana = fruits[2] // ...
Nov 28, 20221 min read
Create an array and fill it at the same time in JavaScript
To create an array and fill it at the same time we'll create an Array instance and then we'll use the fill() method. For example: const myNumbers = Array(4).fill(0) // [ 0, 0, 0, 0 ] We place as a parameter to fill() the value we want to place insid...
Nov 28, 20221 min read
What is the Spread operator in JavaScript?
The spread operator will copy the content of an iterable element like an array or a string. It will spread the content and won't mutate the original element. The syntax is three dots (...) and then the name of the element to copy. Let's see an exampl...
Nov 28, 20221 min read
How does the JavaScript slice() method work?
The slice() method** returns the selected items** of an array, but it won't mutate the original array. That's a difference with the splice() method. slice() receives two parameters: The starting index to remove The end index (it won't be removed) ...
Nov 28, 20221 min read
How does the JavaScript splice() method work?
The splice() method will remove items from an array. It will return the removed values and it will mutate the original array. It receives two parameters: The starting index to remove. How many items will be removed from the starting position. For e...