Как правильно организовать стили для дизайн-системы?

Владимир Голубь, с инлайновыми стилями проще заюзать какой-нибудь велосипед, который будет нужные данные под брейкпоинты подставлять или написать свой, чтобы не дублировать одно и то же во всех компонентах.

Что-то вроде этого:

import { bicycle } from '@app-utils/my-bicycle';

const Title = ({ children }) =>  (
  <h4 style={bicycle(styles)}>{children}</h4>
);

const styles = {
  fontSize: '18px',
  md: {
    fontSize: '24px',
  },
  lg: {
    fontSize: '32px',
  },
};

Как правильно организовать стили для дизайн-системы?

Владимир Голубь, radium не очень удобен(hover и прочее) и очень медленный. Использовать то можно, но я второй раз бы не стал использовать.

Где хранить различные данные при написании приложения на ReactJS?

connecter, для React приложения абсолютно не важно какую БД вы используете. Для учебных приложений можете попробовать облачную БД Firebase.

Где хранить различные данные при написании приложения на ReactJS?

прочее, что-то вроде базы данных, только для реакта

Если вы про сервер, то данные для React приложений, так же как и для любых других клиентских приложений принято хранить в базах данных.

Как передать данные в POST?

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

Как передать данные в POST?

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

Как передать данные в POST?

VoisHunter, должно работать. Пример.
Смотрите ошибки в панели разработчика.

Как передать данные в POST?

VoisHunter, там страница без оформления.
Я тут вижу два простых варианта:
1. Показывать iframe со страницей со своего сайта с кодом:

const password = 'naf86aaw41';

$('<form action="https://live-cars-and-stars-tv.cosmonova.net.ua/online.php" method="POST"/>')
  .append($('<input type="hidden" name="password" value="' + password + '">'))
  .appendTo($(document.body))
  .submit();

или даже просто форму там захардкодить и submit вызвать.

<form action="https://live-cars-and-stars-tv.cosmonova.net.ua/online.php" method="POST">
  <input type="hidden" name="password" value="naf86aaw41">
</form>
<script>
  window.onload = function() {
    document.querySelector('form').submit();
  }
</script>

2. Запросить AJAX запросом страницу и распарсить, вставив нужный код на вашу страницу. Но не факт, что будет работать. Сейчас хз, что там вообще парсить, так как сайт отдает вместо стрима img с src unknown.

GET запросом они пароль не принимают.
Может они вообще его только по вашему IP отдают.
Возможно, у них есть API для партнеров. Стоит обратиться в службу поддержки.

Как передать данные в POST?

VoisHunter, так в любом случае надо запрос отправлять. Без пароля вам не помочь. Так как неизвестно, какую страницу этот сайт возвращает в случае успеха.

Простым способом будет создать страницу c кодом:

var password = 'your_password';

$('<form action="https://live-cars-and-stars-tv.cosmonova.net.ua/online.php" method="POST"/>')
  .append($('<input type="hidden" name="password" value="' + password + '">'))
  .appendTo($(document.body))
  .submit();

и открывать ее в iFrame.

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

Как передать данные в POST?

VoisHunter, там и так сейчас пароль посылается в форму. Другое дело, что происходит переадресация с вашего сайта. Если хотите показывать стрим на своем сайте, то тут есть множество способов от iframe до использования прямой ссылки на стрим.

Как передать данные в POST?

VoisHunter, как-то так. Только пароль подставить надо.

Как передать данные в POST?

VoisHunter, о чем почитать? Тема довольно обширна. Вы объясните подробно, что сделать хотите.
Если по клику на свою ссылку переадресацию на страницу ответа с подстановкой пароля из кода, то существует такой финт:

var password = 'your_password';

$("#some_link").click(function () {
  $('<form action="https://live-cars-and-stars-tv.cosmonova.net.ua/online.php" method="POST"/>')
    .append($('<input type="hidden" name="password" value="' + password + '">'))
    .appendTo($(document.body))
    .submit();
});

Используется JQuery.

Как передать данные в POST?

VoisHunter, с другой страницы и чтобы ответ не AJAX-ом шел, а страница обновлялась?

Как передать данные в POST?

VoisHunter, откуда вы собираетесь слать запрос?

Как передать данные в POST?

slo_nik, метод в форме прописан. POST запрос на тот же адрес идет. Без AJAX.

Как работает setState?

если вызвать изменение например одного и того же поля счетчика counter на +1 внутри одного setState

Как вы себе это представляете?

Как добавлять скрипты счетчиков на страницы React?

Андрей Охотников, потому что эти скрипты работают с браузерными API.

Cross-Origin Read Blocking (CORB)?

ART4,

на примере Google Chrome

Cross-Origin Read Blocking (CORB)?

ART4, я ничего не понял из того, что вы написали, кроме того, что вы только начали изучать JS) На ваш запрос должен приходить ответ в формате:

{
   "result": "success",
   "order_id": "1000020",
}

в случае успеха, или:

{
   "result": "error",
   "error": "cash_close",
}

в случае ошибки.

Cross-Origin Read Blocking (CORB)?

ART4, а тело ответа? Оно на вкладке Response или Preview.
И какой вы результат ожидаете? В коде вы ничего с ответом не делаете.