react-vite-demo

react and vite demo

git clone https://9o.is/git/react-vite-demo.git

db.json

(4169B)


      1 {
      2     "node-events": [{
      3         "id": "node-a",
      4         "events": [],
      5         "children": [{
      6             "id": "node-b",
      7             "events": [],
      8             "children": [{
      9                 "id": "node-c",
     10                 "events": [],
     11                 "children": [
     12                     {
     13                         "id": "node-d",
     14                         "events": [
     15                             {
     16                                 "id": "a",
     17                                 "city": "Los Angeles",
     18                                 "price": 100
     19                             },
     20                             {
     21                                 "id": "b",
     22                                 "city": "New York",
     23                                 "price": 200
     24                             }
     25                         ],
     26                         "children": []
     27                     },
     28                     {
     29                         "id": "node-e",
     30                         "events": [],
     31                         "children": [
     32                             {
     33                                 "id": "node-f",
     34                                 "events": [
     35                                     {
     36                                         "id": "c",
     37                                         "city": "Los Angeles",
     38                                         "price": 300
     39                                     },
     40                                     {
     41                                         "id": "d",
     42                                         "city": "New York",
     43                                         "price": 400
     44                                     }
     45                                 ],
     46                                 "children": []
     47                             }
     48                         ]
     49                     }
     50                 ]
     51             },
     52             {
     53                 "id": "node-g",
     54                 "events": [],
     55                 "children": [
     56                     {
     57                         "id": "node-h",
     58                         "events": [
     59                             {
     60                                 "id": "e",
     61                                 "city": "Chicago",
     62                                 "price": 500
     63                             },
     64                             {
     65                                 "id": "f",
     66                                 "city": "Houston",
     67                                 "price": 600
     68                             }
     69                         ],
     70                         "children": []
     71                     },
     72                     {
     73                         "id": "node-i",
     74                         "events": [],
     75                         "children": [
     76                             {
     77                                 "id": "node-j",
     78                                 "events": [
     79                                     {
     80                                         "id": "g",
     81                                         "city": "Philadelphia",
     82                                         "price": 700
     83                                     },
     84                                     {
     85                                         "id": "h",
     86                                         "city": "Houston",
     87                                         "price": 800
     88                                     }
     89                                 ],
     90                                 "children": []
     91                             },
     92                             {
     93                                 "id": "node-k",
     94                                 "events": [
     95                                     {
     96                                         "id": "i",
     97                                         "city": "Phoenix",
     98                                         "price": 900
     99                                     },
    100                                     {
    101                                         "id": "j",
    102                                         "city": "Houston",
    103                                         "price": 999
    104                                     }
    105                                 ],
    106                                 "children": []
    107                             }
    108                         ]
    109                     }
    110                 ]
    111             }
    112             ]
    113         }]
    114     }]
    115 }