привет всем. подскажите как настроить react-router чтобы ссылки были относительные, если не от домена + как настроить run build, чтобы пути к файлам были относительно папке, где лежит проэкт. Походу из коробки всё настроено напрямую от домена

привет всем. подскажите как настроить react-router чтобы ссылки были относительные, если не от домена + как настроить run build, чтобы пути к файлам были относительно папке, где лежит проэкт. Походу из коробки всё настроено напрямую от домена

привет, странный вопрос. изначально ссылки относительные и идут (это про роутер часть, про билд не понял)

привет всем. подскажите как настроить react-router чтобы ссылки были относительные, если не от домена + как настроить run build, чтобы пути к файлам были относительно папке, где лежит проэкт. Походу из коробки всё настроено напрямую от домена

если ты про ноду, то node_env

привет всем. подскажите как настроить react-router чтобы ссылки были относительные, если не от домена + как настроить run build, чтобы пути к файлам были относительно папке, где лежит проэкт. Походу из коробки всё настроено напрямую от домена

Ты хочешь открывать index.html без сервера?

я билд сделал. закинул на сервак в отдельную папку. например react_test. открываю и не работает, так как урлы на js, стоят src="/assets/", получается от корня домена, а не от папки в которой проэкт. приходится руками убирать слеш впереди, чтобы он их находил

урлы в роутинг так же само. ссылки ведут на domen.com/about, вместо domen.com/react_test/about

Господа, я как понял, что реактроутер4 некорректно работает с мобкс. Что используется для навигации в связке react+mobx?

привет всем. подскажите как настроить react-router чтобы ссылки были относительные, если не от домена + как настроить run build, чтобы пути к файлам были относительно папке, где лежит проэкт. Походу из коробки всё настроено напрямую от домена

https://github.com/facebook/create-react-app/blob/master/packages/react-scripts/template/README.md#building-for-relative-paths оно?

yes. thks

А можно подключать компоненты по значению переменной? Например как-то вроде: <{component} />?

А можно подключать компоненты по значению переменной? Например как-то вроде: <{component} />?

const A = getComponent <A />

const A = getComponent <A />

Благодарю!

А можно подключать компоненты по значению переменной? Например как-то вроде: <{component} />?

еще React.createElement(component, props, children)

Кто использует mobx? Расскажите что используете для роутинга?

у меня не мобх, но я не мешаю хранение стейта с роутингом кмк мухи отдельно котлеты отдельно

юзаю react-router-dom

беда в том, что реакт-роутер мешает mobx и не рендерит компоненты... роутинг и стейт не связаны, но мешают друг другу

почему мешает?

беда в том, что реакт-роутер мешает mobx и не рендерит компоненты... роутинг и стейт не связаны, но мешают друг другу

withRouter заюзай

мобкс не дает роутеру обновить компонент.... урл меняется, а компонент остается в покое...

withRouter вроде как эксперементальный

мобкс не дает роутеру обновить компонент.... урл меняется, а компонент остается в покое...

поменяй местами провайдер и роутер

проблема в том что старый контекст блокируется если выше по дереву был использован shouldComponentUpdate: false

https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/guides/blocked-updates.md

во

и конкретно на https://github.com/ReactTraining/react-router/blob/master/packages/react-router/docs/guides/blocked-updates.md#quick-solution

да, я видел это (благодарю), но мне кажется решения немного странное, когда декоратор оборачиваешь в декоратор и еще приправляешь декоратором

Ты прав, это стремновато

В данном случае альтернатив особо нет)

да, я видел это (благодарю), но мне кажется решения немного странное, когда декоратор оборачиваешь в декоратор и еще приправляешь декоратором

не понял посыл про "декораторы"

Ну хоки

withRouter(observer()), а там еще и декоратор inject() подплывает

@inject("store") @withRouter @observer export default class App extends Component {} Это же ад какой-то

да, я видел это (благодарю), но мне кажется решения немного странное, когда декоратор оборачиваешь в декоратор и еще приправляешь декоратором

1. Переименовываете декораторы в middleware. 2. Лепите портянку на два экрана из middleware, завёрнутых в middleware. 3. Вы великолепны!

@inject("store") @withRouter @observer export default class App extends Component {} Это же ад какой-то

пожалуйся в спортлото )

в реакт т.е.

ну а вообще было 2 декоратора стало три

проблема

я думал, что может есть более элегантное решение?!

[irony]vuejs[/irony]

[irony]vuejs[/irony]

Ууу, а другим бы RO дал)

да, мне положены плюшки какие-то за то что я говна тру тут за вами )

Vitaly https://github.com/alisd23/mobx-react-router

навскидку нагуглил

может нашлись люди и сделали расширение mobx-router, который делает history наблюдаемым и обновляет компоненты без реакт-роутера

но кмк лучше использовать оригинальный источник данных

да, я видел, но тоже мутное решение

ладно, буду думать) благодарю)

ну меня не напрягает withRouter писать для каждого компонента где нужен доступ к роутеру

у меня пишется пристройка к сайту, типа всплывающего окна со своей логикой... а потому всякий оверхед хочеться купировать)

а в чем оверхед то )

в лишней строчке кода? мне кажется сделать еще один источник данных это большее архитектурное зло :)

?

Понимаю что можно на SVG/Canvas но хотелось бы готовый велосипед, не верю что нету готовых решений.

AmChart какойто или ему подобные. Видел там схожее

D3.js

http://bernii.github.io/gauge.js/

AmChart какойто или ему подобные. Видел там схожее

Каких то подобных целая куча (включая ArmCharts), но в каждом из них что то да не хватает, а допиливать так проще с нуля взять

Привет Подскажите как правильно сделать Мне надо вызвать компонент который передаётся через переменную и передать в него свойства Как мне его вызвать правильно и передать в него свойства? К примеру есть у меня переменная statusComponent в которую в зависимости от условий прилетает одни из компонентов И вот надо из statusComponent вывести компонент и передать в него statusModel Думал что это так делается statusComponent({ model: statusModel}) но нет выводит ошибки сборки

ERROR: S client not available

http://bernii.github.io/gauge.js/

Пробовал - не настраивается фрадиент

Пробовал - не настраивается фрадиент

https://codepen.io/whitelizard/pen/zRwOaJ?editors=0010 ? ( https://www.npmjs.com/package/gauge-animated )

Доброе утро) Как объяснить реакту что если я по клику мыши изменил redux-состояние, то клик больше не должен быть событием и прекратить обрабатывать? навешиваю через addEventListener, preventDefault как-то не помогает... только если менять состояние по setTimeout 200мс например, к тому времени событие клика "заканчивается"

D3.js

Подразумевается сделать самому или какой то конкретный пример? Потому как я не нашел

Привет Подскажите как правильно сделать Мне надо вызвать компонент который передаётся через переменную и передать в него свойства Как мне его вызвать правильно и передать в него свойства? К примеру есть у меня переменная statusComponent в которую в зависимости от условий прилетает одни из компонентов И вот надо из statusComponent вывести компонент и передать в него statusModel Думал что это так делается statusComponent({ model: statusModel}) но нет выводит ошибки сборки

выше сегодня писали

Привет Подскажите как правильно сделать Мне надо вызвать компонент который передаётся через переменную и передать в него свойства Как мне его вызвать правильно и передать в него свойства? К примеру есть у меня переменная statusComponent в которую в зависимости от условий прилетает одни из компонентов И вот надо из statusComponent вывести компонент и передать в него statusModel Думал что это так делается statusComponent({ model: statusModel}) но нет выводит ошибки сборки

https://t.me/react_js/430414

Подразумевается сделать самому или какой то конкретный пример? Потому как я не нашел

самому... проще, быстрее и с нужным функционалом...

самому... проще, быстрее и с нужным функционалом...

Требуется знание d3.js как я понимаю

Требуется знание d3.js как я понимаю

тогда вот https://bl.ocks.org/pjsier/0cd4e2eb3819e50cffea7b70a8c2cd24 https://gist.github.com/mcordingley/6464f515ce5fa1b90691

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

Доброе утро) Как объяснить реакту что если я по клику мыши изменил redux-состояние, то клик больше не должен быть событием и прекратить обрабатывать? навешиваю через addEventListener, preventDefault как-то не помогает... только если менять состояние по setTimeout 200мс например, к тому времени событие клика "заканчивается"

Ставите флаг какой-нибудь, при изменении состояния флаг меняйте тоже, и в хэндлере клика если флаг стоит - то не выполняете логику дальше И зачем вам addEventListener? O_o

тогда вот https://bl.ocks.org/pjsier/0cd4e2eb3819e50cffea7b70a8c2cd24 https://gist.github.com/mcordingley/6464f515ce5fa1b90691

Это что то похожее на то что нужно, как и многие другие которые я видел, но он далек от нужного.

Это что то похожее на то что нужно, как и многие другие которые я видел, но он далек от нужного.

чтобы был нужным, нужно подкрутить ручками)

Господа реактеры которые работали с graphql + apollo прошу вас ответьте пж почему не получается спреить пропсы что приходят с компонента Те пропсы которые приходят с Query component передаются а вот пропсы которые быле переданы хоку не передабтся

ответьте пж если есть какие нибудь предположения

Ставите флаг какой-нибудь, при изменении состояния флаг меняйте тоже, и в хэндлере клика если флаг стоит - то не выполняете логику дальше И зачем вам addEventListener? O_o

Похоже на костыль =( addEventListener затем, что есть куча хоков с доп. логикой по взаимодействию с пользователем, они ее через ReactDOM.findDOMNode(this); навешивают Думаешь, если через onClick ставить обработчик, то он будет работать ровно один цикл состояния?

как раз в разрезе реакт-архитектуры это не костыль а рабочее решение

а вот навешивание addEventListener не очень

https://github.com/facebook/react/issues/12051 Тут предлагали через фрагменты делать, но это лишь предложение... не до того им

чтобы был нужным, нужно подкрутить ручками)

Подкрутить ручками обойдется "дороже" чем сделать самому. По этому я и ищу готовое решение, или по максимуму приблеженное к готовому. А последний вариант не имеет почти ничего схожего с требуемым. Ну если мы не выходим за рамки Gauge естественно.

Это что то похожее на то что нужно, как и многие другие которые я видел, но он далек от нужного.

https://codepen.io/jruhl/pen/pbpLyr https://www.fusioncharts.com/charts/gauges/

https://codepen.io/jruhl/pen/pbpLyr https://www.fusioncharts.com/charts/gauges/

Спасибо, пойдет в копилку :)

а вот навешивание addEventListener не очень

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

ну да

Похоже на костыль =( addEventListener затем, что есть куча хоков с доп. логикой по взаимодействию с пользователем, они ее через ReactDOM.findDOMNode(this); навешивают Думаешь, если через onClick ставить обработчик, то он будет работать ровно один цикл состояния?

В доках реакта вроде советовали брать lodash, но хз, имхо это перебор, проще самому добавить 1 доп. булеан и проверять

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

можешь сделать свой хок который будет оборачивать в компонент с онкликом

чтобы не пробрасывать

типа withOnClick(()=> doSomething())(YourComponent)

один хочет onclick сделать, второй onmousedown, третий ну может даблклик