Ага и правда, заработало все

Спасибо

Ага и правда, заработало все

?

Народ в реакте картинка подгруждается через <img src={image}> а как подгружать картинку внутри css? например в background-image ?

Народ в реакте картинка подгруждается через <img src={image}> а как подгружать картинку внутри css? например в background-image ?

давай инлайн стиль,но это не модно

делай css in js

Как быть если API и Сайт хостятся на разных портах и API не сохраняет куки ?

то есть чтобы куки сохранялись я так понял нужен общий порт

Вручную сохраняй

через fetch обращаюсь к api

Вручную сохраняй

Это шутка ?

Это шутка ?

Нет

Нет

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

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

document.cookie.add(response.headers.cookie) Это псевдокод

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

https://developer.mozilla.org/en-US/docs/Web/API/Document/cookie

если там только нет флага httpOnly вроде

Здравстуйте! Вопрос по деплойменту. Есть виртуалка на Ocean'е. Приложение на React засовывается в Docker-контейнер и загружается на сервер. Как обойти тот факт, что React заворачивает всю статику (не из public) в "/static/..."? Если приложение лежит в корне "/", то всё ок. Но если 2 приложения в двух контейнерах по адресам "/foo" и "/bar", то запросы от обоих идут в /static, а не в /foo/static и /bar/static. На сервере nginx. Поддоменов нет. Голый ip.

Здравстуйте! Вопрос по деплойменту. Есть виртуалка на Ocean'е. Приложение на React засовывается в Docker-контейнер и загружается на сервер. Как обойти тот факт, что React заворачивает всю статику (не из public) в "/static/..."? Если приложение лежит в корне "/", то всё ок. Но если 2 приложения в двух контейнерах по адресам "/foo" и "/bar", то запросы от обоих идут в /static, а не в /foo/static и /bar/static. На сервере nginx. Поддоменов нет. Голый ip.

реакт это бибоиотека для рендеринга она ничего никуда не заворачивает

Т.е. это npm делает?

Т.е. это npm делает?

это делает Webpack, в вашем случае CRA, скорее всего

рекомендую вам изучить документацию и понять, что вы делаете

это делает Webpack, в вашем случае CRA, скорее всего

>CRA Есть такое

Здравстуйте! Вопрос по деплойменту. Есть виртуалка на Ocean'е. Приложение на React засовывается в Docker-контейнер и загружается на сервер. Как обойти тот факт, что React заворачивает всю статику (не из public) в "/static/..."? Если приложение лежит в корне "/", то всё ок. Но если 2 приложения в двух контейнерах по адресам "/foo" и "/bar", то запросы от обоих идут в /static, а не в /foo/static и /bar/static. На сервере nginx. Поддоменов нет. Голый ip.

а это вообще на крайний случай можно решить через basepath http://htmlbook.ru/html/base

если прям горит

document.cookie.add(response.headers.cookie) Это псевдокод

Что-то не работает

response.headers.cookie => undefined response.headers => {}

У меня работает, странно

а это вообще на крайний случай можно решить через basepath http://htmlbook.ru/html/base

бля, не знал о таком.

Народ , я сейчас думаю какую архитектуру сделать у проекта, есть ли какие-то грамотные решения? сейчас в проекте какая-то фигня , тупо папка components и все внутри нее лежит.

Как обратиться к api до отрисовки компонента

и пока ответ от апи не прийдет ничего не отрисовывать

Типа мидлвара

HOC

HOC

?

иди доку читай

Да там все на инглише

ну рили надоел уже

я открывал смотрел

ну блин, учи инглиш

Тебе сложно ответить на простой вопрос ?

Ты так кроме совета читать доку ничем и не помог

девочки не ссорьтесь

компонент высшего порядка

все

Сделал отрисовку после изменения флага который изменяется только в fetch

Лучше способа отслеживать события в дочернем елементе, чем передавать колбек через props нету?

Лучше способа отслеживать события в дочернем елементе, чем передавать колбек через props нету?

Нет.

Нельзя написать observer?

Нельзя написать observer?

В онгуляре можно

В js тоже

https://monsterlessons.com/project/lessons/observer-pattern-v-javascript

https://monsterlessons.com/project/lessons/observer-pattern-v-javascript

При чем тут js ? Change detection strategy такая у реакта

Но я не знаю как его прифигачить к компоненту

ERROR: S client not available

Но я не знаю как его прифигачить к компоненту

Ты можешь сделать подписки на обсервер и оповещать компонент

Понял

Спс

Но подписка только на внешний источник

Ем

Внутри реакта так делать нельзя

Мне нужно, чтобы кнопка была обсервером

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

Мне нужно, чтобы кнопка была обсервером

Соре, но дом события через обсерверы в реакта это сразу костыли

Обидно

ток через внешинй источник - стейт менеджер

хотя можешь глянуть как сделаны react final form

там обсерверы

Кто тут игры создает пацаны ?

Как захостить create-react-app на одном порту с API ?

Лучше способа отслеживать события в дочернем елементе, чем передавать колбек через props нету?

https://stackblitz.com/edit/from-child-to-parent?file=View.js

Есть один проект у которого есть API и Сайт на реакт (API готов, сайт еще нет) сайт делается на create-react-app Проблема в том что бекенд устанавливает на клиенте свой токен в куках: 127.0.0.1:1488, а create-react-app хостит сайт на 127.0.0.1:282 все сводится к тому что бекенд он же API не может установить куки на сайт и получается так что через этот токен который не установлен я не могу обращаться к бекенду и все. пиздец. Как быть ? 1. Переделывать бекенд под тестинг 2. Ковыряться в webpack и настраивать как-то так чтоб все работало на одном порте 3. Ковыряться в create-react-app и хостить собранный index.js на сервере api ?

4. подцепить index.js с 127.0.0.1:282 к index.html который на 127.0.0.1:1488. лол (работает)

https://stackblitz.com/edit/from-child-to-parent?file=View.js

А почему stackblitz? ?

А почему stackblitz? ?

А codesandbox мою карточку не принимает (и тормозит, вдобавок), поэтому я вынужден переключиться и это их проблемы)

Есть один проект у которого есть API и Сайт на реакт (API готов, сайт еще нет) сайт делается на create-react-app Проблема в том что бекенд устанавливает на клиенте свой токен в куках: 127.0.0.1:1488, а create-react-app хостит сайт на 127.0.0.1:282 все сводится к тому что бекенд он же API не может установить куки на сайт и получается так что через этот токен который не установлен я не могу обращаться к бекенду и все. пиздец. Как быть ? 1. Переделывать бекенд под тестинг 2. Ковыряться в webpack и настраивать как-то так чтоб все работало на одном порте 3. Ковыряться в create-react-app и хостить собранный index.js на сервере api ?

Не знаю что там с кра, если билд хостится через нгинх, бомбаш реверс прокси

У меня все мои сервисы только так и работают, уже даже костыли написал для себя

Всем привет. Можете скинуть какой-нибудь проект на гит сделанный на react, чтобы посмотреть шаблон проектирования приложения, ибо я не понимаю каким образом хранить компоненты и его стили. Не всё же в одной папке src/compnetns/.

Всем привет. Можете скинуть какой-нибудь проект на гит сделанный на react, чтобы посмотреть шаблон проектирования приложения, ибо я не понимаю каким образом хранить компоненты и его стили. Не всё же в одной папке src/compnetns/.

Вынеси некоторою логику приложение в папку Infrastructure

Bodya дело не в логике, а просто в том что делать если слишком много компонентов