ReactJS - Interpretacion de notacion

let state = {

  history: [{squares: Array(9).fill(null)}],

  stepNumber: 0,

  xIsNext: true

};

//la propiedad history tiene un array y ese array tiene 1 elemento que es otro objrto JSON

//que contiene la propiedad squares

//El codigo de squares, Construye un Array de 9 elementos y lo llenara (fill) con "null"

console.log(state.history[0].squares)

//[null, null, null, null, null, null, null, null, null]

//Slice corta un array, recibe 2 parametros que son el inicio (0 que es el primer elemento) y

//state.stepNumber (que es 0 segun elvalor establecido en el state) y se le suma 1, dando como segundo parametro 1

//entonces quedaria state.history.slice(0, 1) -> quiere decir que solo tomara los elementos de las posiciones 0 a 1

//en este caso como solo hay un elemento, pues solo tomara ese.

//si tuvieramos una arr = ["pepe", "miguel", "andres"] y aplicamos arr.slice(0, 2) nos quedaria ["pepe", "miguel"]

//Se incluye el primero pero el segundo indice actua como cortante o como muro, por eso no se toma a "andres"

const history = state.history.slice(0, state.stepNumber + 1);