Problémy s novými id v Reacte

Povedzme, že z databázy nám prišiel nasledujúci pole objektov:

const prods = [
	{id: 1, name: 'product1', cost: 100},
	{id: 2, name: 'product2', cost: 200},
	{id: 3, name: 'product3', cost: 300},
];

Ako vidíte, id sú číslované poradovo. Avšak, musíme počítať s tým, že čísla môžu mať medzery, napríklad po 3-tom môže ísť hneď 5-tý alebo 6-tý. Kvôli tomu náš klientsky skript nemôže vedieť, aké bude nasledujúce id (v našom prípade to nie je nevyhnutne 4).

Nové id vytvára databáza servera. To môže spôsobiť isté problémy pri práci na klientovi. Podstata je nasledovná: predstavme si, že pomocou formuláru sme pridali nový prvok do nášho poľa. Avšak, nemôžeme jednoducho vziať a pridať údaje z formulára - veď my nevieme, aké id bude mať nový prvok!

Budeme musieť poslať požiadavku na server, aby nám dal nasledujúce v poradí id, a až potom pridať prvok do nášho poľa objektov. To spôsobí oneskorenie so zobrazením dát na obrazovke: kým údaje prídu na server, kým server nám ich pošle späť - prejde nejaký čas.