Сергей delphinpro

...someArray - раскладывает массив на элементы.
Таким образом можно объединять массивы

combineArray = [...firstArray, ...secondArray]

для карт

{
  transition: all 1s ease;
}

Теперь, когда вы будете менять любое не дискретное свойство у карты, например left/top/margin и т.п. - она будет плавно менять свою позицию.
Разумеется, свойства могут меняться не напрямую, а через смену класса, как у вас и происходит, по всей видимости.

Ну зачем же таймер?
Используйте события, как и везде в javascript.
https://developer.mozilla.org/.../storage_event

Ну вот же прямо в документации пример вложенных роутов https://reactrouter.com/en/main/components/routes

<Routes>
  <Route path="/" element={<Dashboard />}>
    <Route
      path="messages"
      element={<DashboardMessages />}
    />
    <Route path="tasks" element={<DashboardTasks />} />
  </Route>
  <Route path="about" element={<AboutPage />} />
</Routes>

У вас будет примерно так

<Routes>
  <Route path="/settings" element={<...здесь лейаут с шапкой />}>
    /// а дальше вложенные роуты
    <Route path='/create' element={<CreateFieldProvider />}/>
    <Route path={'/lists'} element={<FieldsList />} />
  </Route>
</Routes>

КТо нибудь делал график картинкой, поделитесь опытом, ссылками, примерами?

Помнится, в HighCharts есть штатные методы экспорта в картинку. Примеры есть в документации. Мне искать лень, так что сами.

ну так 304 - это и есть редирект на кэшированный ресурс. То есть указание браузеру, что он не изменился, и можно взять кешированный без повторной загрузки

В настройках указать путь к webpack.config.js если IDE сама его не подхватила.
Не помню как в реакте, но в vue например нужно указывать конфиг из папки node_modules.

Или я иногда пишу фейковый конфиг и указываю его в настройках программы.
В этом конфига описана только секция aliases

const path = require('path');

module.exports = {
  resolve: {
    extensions: ['*', '.wasm', '.mjs', '.js', '.jsx', '.json', '.vue'],
    alias: {
      '@': path.join(__dirname, 'resources/js'),
    },
  },
};

Авторизованный пользователь или гость?
В первом случае довольно просто. Просто заводим таблицу связей пользователь-голосование.
Во втором практически нельзя однозначно определить. В простейшем случае писать метку в локалсторадж и/или куки (но их легко очистить и проголосовать еще раз). В более сложных вариантах использовать фингерпринтинг для идентификации. Тоже не даст 100% гарантии, но уже сложнее обойти.

Nested routes я полагаю.

<Route component={App} path="/">
  <Route component={Layout1} path="/">
    <Route component={View1} path="/view1"></Route>
    <Route component={View2} path="/view2"></Route>
  </Route>
  <Route component={Layout2} path="/">
    <Route component={View3} path="/view3"></Route>
    <Route component={View4} path="/view4"></Route>
  </Route>
</Route>

Я правда не помню, как это пишется в реакте. Мы на Vue таким образом решаем проблему лейаутов.