Какие плагины поставишь при создании интернет-магазина

Ответ

Для интернет-магазина на React/Vue ключевые плагины:

React:

  • react-router-dom - маршрутизация
  • redux/@reduxjs/toolkit + react-redux - управление состоянием
  • axios - HTTP-запросы
  • formik + yup - формы и валидация
  • react-hook-form - альтернатива Formik
  • react-toastify - уведомления

Vue:

  • vue-router - маршрутизация
  • vuex/pinia - стейт-менеджмент
  • vee-validate - валидация форм
  • vue-toastification - уведомления

Общие:

  • lodash - утилиты
  • date-fns - работа с датами
  • clsx/classnames - условные классы
  • react-query/vue-query - кэширование запросов

Пример подключения toast-уведомлений:

import { toast } from 'react-toastify';
toast.success('Товар добавлен в корзину!');

Ответ 18+ 🔞

А, ну вот, опять про эти ваши интернет-лавки на Реакте и Вью! Слушай, давай я тебе по-человечьи, без этих заумных мануалов, разложу, что там по-настоящему нужно, а то читаешь — волнение ебать, терпения ноль.

Для Реакта, этого, блядь, популярного чуда: Ну, маршруты же нужны, куда без них? react-router-dom — бери, не ошибёшься. А то будешь как Герасим, «му-му» говорить, а перейти между страницами не сможешь. Дальше — состояние, это пиздец важная хуйня. redux с его тулкитом или @reduxjs/toolkit, да ещё и react-redux к нему в комплекте. Без этого твой магазин — как та собака Муму: милая, но нихуя не понимает, что происходит. Запросы? axios, конечно. Надёжный, как кирпич от того немого татарина, охуенной силы. Формы… О, это отдельная песня, ебать мои старые костыли. formik с yup — мощная парочка, как «Пиноккио» и «Буратино», одно и то же, но под разными именами. Не нравится — react-hook-form, тоже норм. И уведомления! react-toastify. Чтоб пользователь знал, что товар в корзине, а не «в рот меня чих-пых, куда он делся?».

Для Вью, этой мартышлюшки элегантной: Тут своя религия. Маршруты — vue-router. Состояние — vuex или новая модная штука pinia. Валидация — vee-validate. Уведомления — vue-toastification. Всё чинно, благородно, по-европейски, но под капотом та же самая движуха.

А есть же, блядь, общие штуки, которые везде пригодятся: lodash — чтоб не изобретать велосипед, когда нужно что-то хитрое сделать с массивом. date-fns — даты форматировать, а то пользователь увидит timestamp и охуеет. clsx или classnames — чтобы классы в CSS цеплять не абы как, а с умом. И овердохуище важная вещь — react-query или vue-query. Это чтобы запросы к серверу кэшировать, а не дергать его каждую секунду, как идиот. Сервер же тоже живой человек, его заебешь.

Ну и примерчик, чтобы не быть голословным, как тот поэт, который «задумчиво в небо»:

import { toast } from 'react-toastify';
toast.success('Товар добавлен в корзину!');

Вот видишь? Ничего сложного. Главное — не пытайся всё сразу впихнуть, а то накроешься медным тазом на третьем дне разработки. Потихонечку, блядь, сориентируйся, дай всем пожить, в рот меня чих-пых!