Чувак тебе не кажется что можно просто сделать массив из названий кнопок и промапать его вместо того чтобы кучу бойлерплейта писать?

Самое лучшее это хранить в стейте как массив из объектов в котором есть id, name(название кнопки ) и потом промапится по массиву чтобы куча раз не писать <button>
И когда нажал на кнопку добавить этот объект в новый массив объектов , и потом его выводить отдельно

@glebkod @pesochenski

спасибо

Ребят, подскажите, как называется цветовая схема, использующаяся на сайте реакта для оформления кусков кода?
https://reactjs.org/docs/state-and-lifecycle.html

подсказка, дальше сам

всем салют, вопрос
у меня есть landing, который открывается по http://localhost. landing - это чистая статика, больше ничего. при переходе на http://localhost/platform подгружается react приложение. оба эти приложения отдается через ngix используя конфиг ниже:

server {
    listen       80;
    listen  [::]:80;
    server_name  localhost;

    proxy_redirect off;
    rewrite_log on;

    access_log  /var/log/nginx/host.access.log  main;

    location / {        
        if ($http_referer ~ .*/platform/?$) {
            rewrite ^/(.*)/?$ /platform/$1 last;
        }
        root   /opt/landing;
        index  index.html;
        
    }

    location /platform {
        root /opt;
        index index.html;
    } 

    error_page  404              /404.html;
    location = /40x.html {
        root   /usr/share/nginx/html;
    }

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
        root   /usr/share/nginx/html;
    }
}

да, это костыль, но не важно. меня другое интересует. мне нужно что бы приложение работало на /platform, но почему-то адрес в строке браузера сбрасывается с http://localhost/platform на http://localhost. метод делеия пополам нашел что url в браузере изменяет routes/RoutesConfig:

const App = observer(() => {
  const { pathname } = useLocation();
  const excludeRoutes = [ROUTES.SIGNIN, ROUTES.SIGNUP];
  return (
    <>
      <Header />
      <RoutesConfig />
      {!excludeRoutes.includes(pathname) && <Footer />}
    </>
  );
});

export default App;

можешь кто-нибудь подсказать как сделать так, что RoutesConfig строил url относительно /platform, а не относительно /?

подсказка не в тему

basename?

это где?

Посмотри в доке

при обновлении страницы переходит на начальный URL (http://localhost:3000/), это нормальное поведение? Как можно исправить?

Значит Где то редирект

Точно, спасибо^

В доке 2?

Привет

философский вопрос.

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

о себе скажу, что я бекендер

Все зависит от того, что тебе нужно

В том плане, смотря какая цель стоит. Если стать фронтом, то нужно самому. Если просто ради интереса, то можно готовые