Problemen met nieuwe id's in React

Stel dat de volgende array met objecten uit de database is gekomen:

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

Zoals je ziet, worden de id opeenvolgend genummerd. We moeten er echter rekening mee houden dat de getallen hiaten kunnen hebben, bijvoorbeeld na de 3e kan meteen de 5de of 6de volgen. Hierdoor kan ons cliëntscript niet weten wat de volgende id zal zijn (in ons geval is dit niet noodzakelijkerwijs 4).

Nieuwe id worden aangemaakt door de serverdatabase. Dit kan enkele problemen veroorzaken bij het werken op de cliënt. De essentie is als volgt: stel je voor dat we via een formulier een nieuw element in onze array hebben toegevoegd. We kunnen de gegevens uit het formulier echter niet zomaar toevoegen - we weten immers niet welk id het nieuwe element zal hebben!

We zullen een verzoek naar de server moeten sturen, zodat deze ons de volgende opeenvolgende id geeft, en pas daarna het element toevoegen aan onze array van objecten. Dit zal vertraging veroorzaken bij het weergeven van de gegevens op het scherm: het zal even duren voordat de gegevens de server bereiken, en de server ze terug naar ons stuurt.