tst

React

// DATA
// Initial JSON data
const people = [
  {
    id: 1,
    name: 'Jennifer Connelly'
  },
  {
    id: 2,
    name: 'Tom Cruise',
    children: [
      {
        id: 12,
        name: 'Top Gun: Maverick'
      },
      {
        id: 13,
        name: 'Mission: Impossible'
      }
    ]
  },
  {
    id: 3,
    name: 'Jim Carrey',
    children: [
      {
        id: 14,
        name: '1995',
        children: [
          {
            id: 15,
            name: 'Ace Ventura: When Nature Calls'
          },
          {
            id: 16,
            name: "Batman Forever",
          },
        ]
      },
      {
        id: 18,
        name: '1998',
        children: [
          {
            id: 22,
            name: 'The Truman Show'
          }
        ]
      }
    ]
  },
  {
    id: 4,
    name: 'Milly Alcock'
  },
  {
    id: 5,
    name: 'Emma Stone',
    children: [
      {
        id: 23,
        name: 'La La Land'
      },
      {
        id: 24,
        name: 'The Amazing Spider-Man'
      }
    ]
  }
]


// FETCH DATA
function fetchData() {
  return new Promise(resolve => {
    setTimeout(resolve, 200, data)
  })
}

// SYMBOLS
▼ ▶

// NEXT
- Display a native popup with the amount of items when hovering an element - "Items (2)"