Максим Морев

Нарисовать надо по пиксельной сетке, иллюстрирую:


Если дизайнер изначально об этом не думал, когда рисовал (точки поставлены наобум, либо используется не целочисленная величина обводки) - вы с этим ничего не сделаете.

На экранах повышенной плотности, к слову, эффект менее заметен (что не особо радует всех остальных).

Указать вы можете что угодно и на любом этапе изучения, просто это мало кому интересно, на "теги" никто не смотрит, это шум. Работодателю важно ваше умение решать задачи, а вовсе не то, чтобы вы прочитали блоки документации.
Можете решать задачи, пользуясь Реактом? Значит, знаете Реакт.
Чем сложнее задачи можете решать, тем лучше знаете. Зная только про main concepts - на любом реальном проекте вы потеряетесь и ничего толкового сделать не сможете.

А также, сколько времени у вас потребовалось на main и advanced?

Несколько часов, чтобы ознакомиться с документацией. А перед этим 10 лет делать всё то же самое, только без Реакта.
Ничего архисложного там нет. А вот вывести на уровень автоматизма, выработать хорошие практики и обрести какую-то экспертность - это месяцы и годы постоянной практики.

Лучшее, что вы можете сделать - не тащить на сайт кучу всякой херни, которая обычно много весит, ухудшает перфоманс, затрудняет восприятие контента и не нужна никому, кроме вас. Серьёзно.
Любая анимация должна быть уместна, и если вам, глядя на дизайн, никаких конкретных идей в голову не приходит - то и не нужно. Нет способа удешевить сайт сильнее, чем добавить элементам разного толка выпрыгивания со всех сторон, глитч-эффекты и всё такое.
Хочется динамики - найдите какое-нибудь не сильно быстрое видео и поставьте его как фон, или по запросу "canvas background animation" найдите ненапрягающую анимацию.

P.S. Речь идёт не о сайтах, которые должны побеждать на Awwwards, а об обычных сайтах, которые делаются для людей, а не для конкурсов.
P.P.S. Если всё-таки очень хочется, то нужно гуглить по запросам "hover effects" и "canvas animation", остальное без конкретной дизайнерской задумки вреда несёт куда больше, чем пользы.
Юзабилити - это про то, чтобы "работает быстро и понятно (как у всех)".

Смешались в кучу кони, люди...
Давайте по порядку.

Должен ли UX/UI дизайнер знать компоненты таких фреймворков как React и Vue

Если команда разработчиков заранее знает, что будут использовать какой-нибудь набор готовых компонентов для работы (Vuetify, Material UI, etc), то дизайнер должен их знать и использовать как основу, дабы не плодить лишних сущностей, так как без боли эти компоненты можно разве что перекрашивать.

подготавливать макет прямо на React, но без логики

"Макет на React без логики" - это вёрстка.
И боже упаси, чтобы это делал дизайнер - с этим и большинство фронтов так себе справляется (во многом потому, что через 3 месяца работы над пет-проектом говорят "я уже хорошо знаю HTML и CSS, пошёл учить Реакт и получать ЗП в 200+", ха-ха).

не зная можно ли вообще реализовать такой календарь

Реализовать в принципе можно почти всё что угодно, вопрос кому оно нужно и кто готов за это платить.

но наверное какие-то основы, работу с NPM, CSS/SASS препроцессоры он должен знать?

Очень хорошо, когда дизайнер имеет представление о том, как результат его труда в дальнейшем будет реализован. Но с набором технологий вы сильно дали маху - это всё очень профильные вещи, которые толком изучить - отдельная профессия.

Я не встречал дизайнеров, которые умели бы хорошо верстать. Но встречал и работаю с такими, которые имеют представление о том, что можно сделать, а что нельзя. Насколько сложно сделать то или иное.
Но знание это берётся не из своих попыток поверстать, а от большого опыта работы и анализа фидбэка от профильных специалистов.
Нарисовал макет - получил от верстальщика линейкой по рукам "нельзя использовать режимы наложения в фотошопе" (на данный момент пример неактуальный, но в своё время был очень частый и показательный кейс).
Закрепил, больше так не делаешь. Со временем эти шишки набиваются и делаешь уже нормально.
На таком уровне знать - достаточно.

Вообще такое ощущение, что все вокруг просто на самом деле ничего толково делать не умеют, но пытаются себе цену добавить мнимым знанием кучи всего. Сфокусируйтесь на одном чём-нибудь.
Человеку, который делает гениальный дизайн, прощают всё - сложный характер, срывы сроков, никакую структуру файлов, Layer1-layer2 - и возвращаются к нему снова, потому что это профессионал в своём деле, и нет совершенно никакой нужды добавлять себе стоимость второстепенными навыками. Разве что самому интересно..

Вопрос глупый, буду бузить.
Это не персонально к вам, просто накипело.

Вам вот это навешивание ярлыков зачем?
Прочитать документацию и сделать пет-прожект на Реакте/Вью/Свелте, подумать, что тут всё понятно, а потом с лёгким презрением смотреть на тех, кто этого не сделал? Я же теперь не "какой-то верстальщик, я фронтенд-разработчик"? Так назовитесь CSS-архитектором и HTML-гуру, потом откройте горе-стартап и допишите "СЕО `Рога и Копыта`", куда круче смотрится.

С популяризацией модных фреймворков слово "фронтенд" вообще жутко опопсело.
"Фронтенд" - это всё, что "не бэкенд", и да, верстальщик - тоже фронтенд-разработчик, внезапно (оставим в стороне вопрос, кому нужен такой разработчик без знания JS).
Что ж вы дальше не дробите?
Нарезальщика картинок давайте найдём, оптимизатора SVG-иконок и так далее (FrontOps в сторонке потупил взгляд).

Вы умеете в базовый JS (надеюсь, не копипастом с кодпена) - вы знаете как делать сайты - этого достаточно для огромного количества бизнесов и разных идей, уметь бы только себя правильно подать.
Конечно, всегда найдутся те, кто иронично будет звать "формошлёпом", как будто сами не делают 90% времени то же самое, только похороненное под огромным числом абстракций (а часто вообще без понимания, что там под этими абстракциями происходит). Мы же тут разработчики, у нас сложная бизнес-логика - надо три числа в JSON забрать с сервера, с помощью математики второго класса их пересчитать и вывести. В вебе, которым все мы, преимущественно, занимаемся - сложных задач нет. Вообще нет.

Развивайтесь и продвигайте своё умение решать задачи бизнеса, выбирая правильные инструменты, и продавать себя - и всё нормально будет. Не надо этих ярлыков, смотрите на свою реальную полезность и не оглядывайтесь, кого там и как называют.
Я повидал "мидл реакт-разработчиков и вообще очень крутых фронтендеров", которые без бутстрапа сетку из трёх колонок не знают как сверстать. Не надо так. Идите с богом.