Προβλήματα με νέα id στο React

Ας υποθέσουμε ότι από τη βάση δεδομένων μας ήρθε ο ακόλουθος πίνακας αντικειμένων:

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

Όπως βλέπετε, id αριθμούνται με τη σειρά. Ωστόσο, πρέπει να λάβουμε υπόψη ότι οι αριθμοί μπορεί να έχουν κενά, για παράδειγμα, μετά το 3-ο μπορεί να ακολουθεί αμέσως το 5-ο ή το 6-ο. Εξαιτίας αυτού, το client-side script μας δεν μπορεί να γνωρίζει ποιο θα είναι το επόμενο id (στην περίπτωσή μας αυτό δεν είναι απαραίτητα το 4).

Νέα id δημιουργούνται από τη βάση δεδομένων του διακομιστή. Αυτό μπορεί να προκαλέσει ορισμένα προβλήματα κατά τη δουλειά στο client. Η ουσία είναι η εξής: ας φανταστούμε ότι μέσω μιας φόρμας προσθέσαμε ένα νέο στοιχείο στον πίνακα μας. Ωστόσο, δεν μπορούμε απλά να πάρουμε και να προσθέσουμε τα δεδομένα από τη φόρμα - αφού δεν γνωρίζουμε ποιο id θα έχει το νέο στοιχείο!

Θα χρειαστεί να στείλουμε ένα αίτημα στο διακομιστή, ώστε να μας δώσει το επόμενο id κατά σειρά, και μόνο τότε να προσθέσουμε το στοιχείο στον πίνακα αντικειμένων μας. Αυτό θα προκαλέσει καθυστέρηση στην εμφάνιση των δεδομένων στην οθόνη: όσο τα δεδομένα φτάνουν στο διακομιστή, όσο ο διακομιστής μας τα στέλνει πίσω - θα περάσει κάποιος χρόνος.