Напишите простую функцию для UUID вместо установки пакета в ReactJS!!!

Как правило, мы не думаем дважды, когда устанавливаем пакеты в наш проект, что приводит к высокой стоимости суммы при создании приложения ReactJS. Мы всегда думаем об уменьшении размера сборки, чтобы наш проект мог загрузиться в виртуальный DOM как можно скорее.

У меня есть пример, который может немного сэкономить размер вашего приложения 💯. Итак, давайте посмотрим на это

Сгенерировать UUID вместо использования пакета UUID

uuidv4 = () => {
    return "xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx".replace(
    /[xy]/g,
     function (c) {
       var r = (Math.random() * 16) | 0,
        v = c == "x" ? r : (r & 0x3) | 0x8;
      return v.toString(16);
     }
  );
};

Это простая программа, которая сгенерирует вам уникальный ключ. Для использования вам просто нужно вызвать эту функцию перед переменной. Возьмем пример:

Class Component :
this.state = {
key : this.uuidv4,
}
// the same is the case with functional but you don't have to write this before this function. 

Попробуйте это ипоставьте лайк, если это сэкономит место в вашем проекте. Комментарий для дополнительных функций. ❤🙌

Удачного программирования :)