Ответ
Для интернет-магазина на React/Vue ключевые плагины:
React:
react-router-dom- маршрутизацияredux/@reduxjs/toolkit+react-redux- управление состояниемaxios- HTTP-запросыformik+yup- формы и валидацияreact-hook-form- альтернатива Formikreact-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('Товар добавлен в корзину!');
Вот видишь? Ничего сложного. Главное — не пытайся всё сразу впихнуть, а то накроешься медным тазом на третьем дне разработки. Потихонечку, блядь, сориентируйся, дай всем пожить, в рот меня чих-пых!