[Sugerencia] Destructuración de arrays y función useState.

Hola, devs!

En esta clase también vimos un concepto nuevo de JavaScript "destructuración de arrays"

    const [mostrar, actualizarMostrar] = useState(true);

La desestructuración de arrays

Es una característica de JavaScript introducida en ECMAScript 6 (ES6) que nos permite extraer valores de un arreglo y asignarlos a variables individuales. Permite declarar y asignar valores en una sola línea de código.

Ejemplo:

    const miArreglo = [1, 2, 3, 4, 5];

    const [a, b, c, d, e] = miArreglo;

    console.log(a) // 1
    console.log(b) // 2
    console.log(c) // 3
    console.log(d) // 4
    console.log(e) // 5

En el ejemplo anterior extraímos los valores del array "miArreglo" y los asignamos a las variables 'a**', 'b', 'c', 'd', 'e**'.

También podemos agregar valores por defecto a las variables.

    const [a, b, c, d = 0, e = 0] = [10, 20, 30];

    console.log(a) // 10
    console.log(b) // 20
    console.log(c) // 30
    console.log(d) // 0
    console.log(e) // 0

    const [nombre1, nombre2, nombre3="Manuel"] = ["Carlos", "Josefina"]

    console.log(nombre1); // Carlos
    console.log(nombre2); // Josefina
    console.log(nombre3);  // Manuel

Al principio mostré una línea de código realizada en la clase y para entenderla mejor quiero añadir que la función useState() está devolviendo un arreglo de dos elementos. En este caso usamos una variable llamada "Mostrar" (donde vamos a guardar el primer valor, mismo valor que vamos a actualizar) y "actualizarMostrar" (la función que va a actualizar el primer elemento).

    const [mostrar, actualizarMostrar] = useState(true);