Антон Иванов

Почитайте про применение css модулей к id элемента. Вот тут решение, которое должно вам помочь https://stackoverflow.com/questions/68375885/id-se...

В портфолио выкладывайте скриншоты сайта плюс ссылку на гитхаб, где лежит весь код. Если заказчик захочет посмотреть интерактивно, разворачиваете ему копию сайта с гитхаба. Вам даже домен для этого не нужен, можно просто по ip сайт демонстрировать.

Открыть консоль браузера, выбрать нужный элемент и посмотреть как сделали это разработчики сайта.

Хороший пример, это плагины или npm-библиотеки. Вы даёте пользователю большую гибкость при использовании таких плагинов. Например, модалка - тут прям напрашиваются события onModalOpen, onModalClose и подобные.

У вас пропущен амперсанд для вложенных правил

& > li { ... }

Используйте библиотеку uuid для генерации уникальных айдишников. В key должны быть уникальные значения, а всякие там title очевидно могут повторяться.

Ну если дело было давно, могу только предположить, что звуковуха была Creative SoundBlaster AWE 32 или AWE 64. А если встроенная, то Realtek AC97 кодек.

ИМХО, ограничение по IP адресу лучше всего искать на хостинге. Тогда вам подойдет любой конструктор, лишь бы результат конструктора можно было бы выгружать на хостинг. А на хостинге вам технические специалисты из платной поддержки быстро настроят любые ограничения.

Если речь про роуты - тип `RouteObject` вам в помощь.
https://reactrouter.com/en/main/route/route#type-d...

У вас разные окружения. В докере вы выполняете `npm run build` (т.е. сборку в продакшн-окружении), а локально `npm run dev` - запускается локальный сервер в окружении для разработки. Ищите различия в ваших окружениях.

Вы же в конфиге указали алиас для @. Ну вот вит и ищет ваш файл по пути
src\widgets\Header\ui\src\Navbar\Navbar.tsx

import { ReactElement } from 'react';

export const BonusPage = (): ReactElement => {
  return <div>BonusPage</div>
}

В тексте ошибки все четко описано - хуки нельзя использовать внутри тела функции. Только сверху компонента (как у вас выше) или внутри другого хука.

Для этой задачи существует Intersection Observer API https://developer.mozilla.org/en-US/docs/Web/API/I...

.svg1 {
         stroke: black;
         fill: red;
 }

Из всего вышенаписанного вообще не понятно чего вы хотите. Вам нужно в чем то помочь? Задайте чёткий вопрос. Вы хотите похвастаться своей "разработкой"? Выложите ваш код на гитхаб. Сообщество оценит. Или нет.

Вам нужно чтобы сервер отдавал товары не все сразу, а частями. Называется это пагинация. Нужно уточнять её наличие у разработчика вашего бекэнда.

Да можно через хук useNavigate()

const navigate = useNavigate();
...
if (some_condition) {
    navigate(url);
}