Чтобы понимать, что там за текст в UI, как например

>А как у вас стратегия в переводах построена? ru.json, en.json. И также разные языки в зависимости от домена. Типа ru_test.json. Однако там лишь несколько фраз, которые могут иметь другой текст. Поэтому они мержаться. Работает все через require.context Понимаю, что не твой случай, просто приметил)

Спасибо, да - нам что-нибудь потяжелей видимо надо

Именно, мне не надо его хранить, мне надо сделать и забыть. Поэтому редакс вплетать не хочу.

вообще идиоматично делать это через пропсы, но можешь выбрать любой подходящий метод из категорий *Parent to Child* и *Any to Any* отсюда http://andrewhfarmer.com/component-communication/ если ты так настаиваешь

вообще идиоматично делать это через пропсы, но можешь выбрать любой подходящий метод из категорий *Parent to Child* и *Any to Any* отсюда http://andrewhfarmer.com/component-communication/ если ты так настаиваешь

Спасибо за помощь

Вообще странно, что нет нормальной админки на React для редактирования переводов

А зачем? http://formatjs.io/github/ + json фактически тебе нужен визуальный редактор для json

Например для случаев, когда мы можем редактировать переводы таблицей: + Колонка - язык + Строка - строка перевода И фильтрация (какие из языков показывать, кому-какие разрешены для редактирования, версии - с какой применять и т.д.)

react-data-grid?

Up! Нет свежих идей?

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

react-data-grid?

Хотя бы на базе этого компонента, да)

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

Да, всё отдельно - через CI вытаскиваются новые строки и добавляются в JSON-файлы в отдельной репе, потом при сборке всё с этой репы включается в сборку

Т.е. в другом репозитории переводы отдельно от кодов компонентов?

Да

Переводчики там могут спокойно работать

ок, а при билде вы строите отдельные языковые пакеты для каждого бандла?

Отдельные бандлы для каждого языка да

отдельные языковые пакеты или бандлы с кодом?

http://formatjs.io/guides/basic-i18n/

Вот была хорошая дискуссия у нас как-то вечером)

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

Обертка - т.е. какая-то изи обработка статусов?

Да. Плюс заголовки.

??

ребят, подскажите пожалуйста, а то мозг никаких внятных мыслей не генерит)) есть метод actionGlobalPopover = (popoverId) => (event) => { Вот так всё отрабатывается <button onClick={this.actionGlobalPopover(POPOVER_DAYS_ID)} А вот так я даже в метод не попадаю this.actionGlobalPopover(null);

Виталь, () => this.actionGlobalPopover(POPOVER_DAYS_ID)

Виталь, () => this.actionGlobalPopover(POPOVER_DAYS_ID)

так оно работает, но если написано уже во многих местах, то переписывать не хоцца

а. тут другой кейс

полагаю как то основной метод надо видоизменить, но чтобы при этом при просто рендоре инициирование функции не проходило

Вот была хорошая дискуссия у нас как-то вечером)

я делаю языковые пакеты для каждого chunk которе подгружаются on demand, пакуется webpack через кастомный лоадер, словари кстати делаются на typescript с провекой типов, т.е и при вводе перевода ничего не забудешь и при кодировании шаблона доступ к структуре сообщений.

в общем я бы объявил actionGlobalPopover = (popoverId) => { и просто вызывал бы actionGlobalPopover(POPOVER_DAYS_ID) или в колбеке (e) => actionGlobalPopover(POPOVER_DAYS_ID) это если e не нужна.

/l ;,./

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

если e нужна, то классический вариант let f = (v, e) => console.log(v, e); f.bind(this, 1)(2) // 1 2 то есть actionGlobalPopover = (popoverId, e) => { onClick={this.actionGlobalPopover.bind(this, POPOVER_DAYS_ID)}

если e нужна, то классический вариант let f = (v, e) => console.log(v, e); f.bind(this, 1)(2) // 1 2 то есть actionGlobalPopover = (popoverId, e) => { onClick={this.actionGlobalPopover.bind(this, POPOVER_DAYS_ID)}

не люблю биндинги)) но да, такой вариант рабочий

без них никак. все равно функция будет создаваться, другое дело ее стоит вынести из рендерера в метод класса

что такое импорт через индекс?

это когда не "../" с наоборот с начальной директории?

"src/..."

господа, посоветуйте чего почитать про реакт неофиту?

только чур на оффдок не посылать

https://habrahabr.ru/post/279249/

господа, посоветуйте чего почитать про реакт неофиту?

Не читайте швабру

Не читайте на русском что-то по программированию

Так что да, ссылка только одна

на оффдок?

На оффдок https://facebook.github.io/react/

Самый охуенный туториал эвар https://facebook.github.io/react/docs/thinking-in-react.html

печалька... мне кажется для начала оффдок обычно слишком неудобоварим... да, оффдок вещь полезная, но когда ты уже начинаешь понимать, что блять ты такое делаешь... =_=

ладно, спасибо за информацию =) завтра буду читать

А остальные как начинали, кроме как не через оффдок?

Я редакс вообще использовал до того, как зачатки документации появились

Читали библию

На русском

и молились перед тем как что-то забилдить?

Хз, сначала тыкал, а потом читал доку

Больше понимания как-то, или я странный, или ленивый

и молились перед тем как что-то забилдить?

Да и щас то же самое

?

а если я спрошу что есть Redux и зачем он нужен, меня сильно осуждать будут? или просто забанят? =)

Я не знаю что такое redux

Редакс это стейт менеджмент

Я не знаю что такое redux

значит нас обоих забанят? ?

Он нужен для того, чтобы у тебя был глобальный стейст для всего приложения и хелперы для работы с ним, вместо/в дополнение к локальным

Не знаю даже

Помолитесь пока

Он нужен для того, чтобы у тебя был глобальный стейст для всего приложения и хелперы для работы с ним, вместо/в дополнение к локальным

хм....т.е. я выдрал что-то с помощью аякса...и чтоб раскидать по реакт-компонентам я использую redux?

как-то так?

Образно говоря ты кладешь данный в общий стейт и потом по всему приложению можешь на них завязываться

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

о как... т.е. в целом штука не обязательная, но удобная...

Это больше похоже не контейнеры

хм....т.е. я выдрал что-то с помощью аякса...и чтоб раскидать по реакт-компонентам я использую redux?

Совсем не обязательная, но зачастую довольно полезная)

бля... все равно пока сложно... =_= яж вот даж не рядом не фронтендер... =_= но кажется, что пора....

потому что говнокод из джейквери начинает уже глаза резать =_=

Они и правда у тебя какие-то разрезанные

т_т вот зачем ты так в полвторого?

Могу :)

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

Господа, в ночи еще остались светлые умы сообщества? Мне кажется я немного зарываюсь в рефах, как будто вместе собрались сразу все ненавистные кейсы. Тяжело объяснить в двух словах, но попытаюсь покороче: есть компонент с картой на всю высоту экрана, поверх нее лежит компонент-шапка сверху и снизу может загрузиться компонент-список карточек. Так как карту нужно уметь таскать - список при скролле двигаю транслейтом руками + когда он доезжает до шапки - он выталкивает ее с экрана. Все было неплохо, пока справа не появился кастомный скроллбар и если двигать его понятно когда, возникает вопрос в том, в какой момент прятать/показывать скролл. Самое близкое, что приходит в голову: в componentDidUpdate чайлда дергать метод из пропсов обернув в какую-нибудь умную проверку, но для нее скорее всего понадобится держать дубли рефов в обоих компонентах.

Или приходит еще в голову вариант тригерить ресайз при обновлении списка и только на него завязываться

Или приходит еще в голову вариант тригерить ресайз при обновлении списка и только на него завязываться

Может показывать скролл только когда список на весь экран развёрнут?

Всем привет! Кто юзал admin on rest? https://github.com/marmelab/admin-on-rest

Кто знает почему при GET_LIST используется метод - OPTIONS, а придобавлении options.method = 'GET'; все равно OPTIONS?)))

Кто знает почему при GET_LIST используется метод - OPTIONS, а придобавлении options.method = 'GET'; все равно OPTIONS?)))

Так OPTIONS - это ведь только для CORS?

Кто знает почему при GET_LIST используется метод - OPTIONS, а придобавлении options.method = 'GET'; все равно OPTIONS?)))

Посмотри код

Кто знает почему при GET_LIST используется метод - OPTIONS, а придобавлении options.method = 'GET'; все равно OPTIONS?)))

Скорее всего ты пытаешься кроссдоменные запросы делать, а на сервере их не разрешил. Вот и посылаются OPTIONS запросы.

Может показывать скролл только когда список на весь экран развёрнут?

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

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

findDOMNode.this?

(this) точнее

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

А какой у тебя обработчик? Можно в ноде писать <div onClick={this.handleClick} />

this.refs.myRef.addEventListener?

Рефами лучше не пользоваться лишний раз, если есть вариант из коробки

Всем привет. Кто-нибудь использовал Sequelize? Как его подружить с await? "Possibly unhandled SequelizeValidationError" при каждой валидации в консоли... само собой try..catch стоит

А какой у тебя обработчик? Можно в ноде писать <div onClick={this.handleClick} />

ReactDOM.findDOMNode(this).addEventListener('click', this.handleOnFilterClicked, false);