Ты лучше раскажи какие проблемы. Что их источник. Оптимизируем фронт или бэк.

Ты лучше раскажи какие проблемы. Что их источник. Оптимизируем фронт или бэк.

Фронт конечно, по идее мне нужно избавиться от сайд эффектов внутри компонента. Пока единственный способ что я вижу – на каждое изменение инпута абортить последний отправленый запрос и отправлять новый

*Блеа, мысли вслух

Ты не можешь абортнуть запрос. Чисто технически. Только проигнорировать его ответ. Но лучше просто обрабатывать ответы с монотонно увеличивающимся счетчиком.

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

Ты не можешь абортнуть запрос. Чисто технически. Только проигнорировать его ответ. Но лучше просто обрабатывать ответы с монотонно увеличивающимся счетчиком.

https://developer.mozilla.org/en-US/docs/Web/API/XMLHttpRequest/abort

Но речь не об этом

Есть компонет. Он позволяет вводить текст и показывать возможные варианта автокомплита. Об изменениях сообщает наверх через колбэк. Список на автокомплит получает в просы. На этот компонент закончен.

Есть компонет. Он позволяет вводить текст и показывать возможные варианта автокомплита. Об изменениях сообщает наверх через колбэк. Список на автокомплит получает в просы. На этот компонент закончен.

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

Правила чата, вся хуйня

Второй компонент содержит список значений, когда ему нижележащий компонент докладывает об апдейте - запрашивает новые данные с бэкенда. На этом компонент закончен. В принципе если он будет не компонентом нормальным, а сагой/эпиком - будет чуток проще.

В общем я к тому, что абортить запросы не надо. Если я просил Пет, а потом допечатал Петя - то ответ с Пет* мне тоже подойдет, и будет (сколько там у тебя debouce) некоторое время валиден.

Ты раскажи где проблема то - тупит рендер. Или какая другая логика?

Микро опрос - какой testing framework лучше для разработки _одиночного_ компонента - jest или mocha. В обоих случах enzyme.

Ку ребят

Может у кого есть эта книга

"Pure React". Author: Dave Ceddia

Это ts же. This.shortname?.setMessage()

(this.ShortName as TextField).setErrorMessage ещё можно так сделать но тоже не особо каефный вариант

Ребят, кто где держит текстовые константы? Например, тексты кнопок, тултипов и т.д. ( по месту? или в папочке constants ?: )

В отдельной директории

Это ts же. This.shortname?.setMessage()

это ведь еще не поддерживается

Ребят, кто где держит текстовые константы? Например, тексты кнопок, тултипов и т.д. ( по месту? или в папочке constants ?: )

зачем тексты кнопок вообще в константах держать?

зачем тексты кнопок вообще в константах держать?

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

и что?

зачем тексты кнопок вообще в константах держать?

локализация например, не?

Допустим

Тогда это уже не константа

ну, гораздо удобнее же если в одном месте шо-то типа const CANCEL_BUTTON_TEXT = { "ru": "Отмена", "en": "Cancel", // ... } а в другом <button>{CANCEL_BUTTON_TEXT[lang]}</button> вместо того чтобы пихать все возможные варианты прямо туда же где пишешь этот ваш jsx

Тогда это уже не константа

ну почему, у меня вот в примере вполне константа

и что?

всмысле? Ну к примеру у тебя приложение на котором более 100 модалок, не кошерно в каждой менять =)

Если есть сто модалок с одинаковым текстом на кнопках, и этот текст не внутри компонента модалки, что-то явно не так

Если есть сто модалок с одинаковым текстом на кнопках, и этот текст не внутри компонента модалки, что-то явно не так

не исключено =))

всмысле? Ну к примеру у тебя приложение на котором более 100 модалок, не кошерно в каждой менять =)

Find and replace?

Find and replace?

мсье знает толк)

Find and replace?

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

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

Тогда сделай глобальную локализацию, как описали выше

Или используй готовые решения, например react-localization

Или используй готовые решения, например react-localization

спс =)

@syabro

@ZeroBias

Или используй готовые решения, например react-localization

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

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

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

никто не собирается подключать, но знать уже полезно =)

это ведь еще не поддерживается

У меня в проекте работает

У меня в проекте работает

Каким образом? Бабель?

Естесна)

Впиливать к тс ещё и бабель че-то не очень :(

Зачем ТС если флоу практически из коробки работает ?

Зачем флоу, если ТС из коробки работает?

Не понял ответа абсолютно

Не понял ответа абсолютно

Ответа на что?) На вброс?)

Друг, будет адекватный вопрос - будет адекватный ответ.

Хорошо, чем ТС лучше чем Флоу, который практически идёт с коробки? Друг. Для реакта!

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

Эмм? Ребят, вы угараете оба?) Чтобы ТС знать, то тоже нужно почитать вначале ..

Хорошо, чем ТС лучше чем Флоу, который практически идёт с коробки? Друг. Для реакта!

При чем тут это вообще? Уже есть проект на тс. Ты предлагаешь все переписать на флоу, только потому что он "лучше"?) Это несерьёзно.

Эмм? Ребят, вы угараете оба?) Чтобы ТС знать, то тоже нужно почитать вначале ..

Ну нет, при всех преимуществах флоу нельзя отрицать, что дока у него - плохая.

Дима) Ты просил адекватный вопрос? Я его задал, но не получил адекватный ответ, я не говорил вам переписывать на флоу и т.д. . Я просто спросил почему не одно, а второе. Так бы и сказал, что проект уже на ТС написан и всё ..

Ладно, всё, закрыли тему)

В следующем проекте будет флоу, я фанатизмом не отличаюсь :)

Ну нет, при всех преимуществах флоу нельзя отрицать, что дока у него - плохая.

+, очень сложно въехать ,особенно нужно улучшить про написание своих типов

У флоу куда меньше тайпингов для сторонних модулей доступно, чем у ТС

Зачем ТС если флоу практически из коробки работает ?

с такими вопросами в @random_ru

Подключаем нейминг классов SC по имени компонента к CRA https://gist.github.com/artalar/7278ac8021ca3d7d811361280b93e028

Насчёт Ts,Flow вопрос - надо ли шипить с компонентами 3-4 системы типов(proptypes, ts, flow, jsdoc) иди можно на что-то забить?

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

Вот и мне в зеркало смотреть страшно.

Есть вопрос по react dnd. Во время драггинга у меня может полностью измениться массив элементов, которые я рендерю. При этом дроптаргеты получают в пропсы новые айтемы, а вот драгсорс, который я драгал, почему-то имеет в пропсах старый элемент. С чем это может быть связано?

создается клон элемента?

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

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

а метода типа onDrag, чтобы взять новую инфу из пропсов, у DragSource нет

товарищи, помогите найти решение :). есть страничка с данными и фильтр к ней всплывающим окном. в фильтре redux-form. Много различных настроек и можно выбрать заранее сохранненые. Так вот при выборе сохраненных, сабмитится форма. в redux-saga принимаю данные и если это был выбран готовый фильтр, то загружаю данные по этому фильтру и применяю его. С этим все отлично. Но как мне после загрузки на форме поменять значения? Если заново выберу сохраненный фильтр, то данные отобразятся так как они уже будут в state

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

может как-то из саги поменять значение стейта формы...

initialValues ?

Добрый день народ, есть такие, кто боролся с mobx в firefox? Переодически получаю высер в консоль, начинающийся с e.observing is null и т.д. Точного способа воспроизведения не нашел - плавающая бага mobx 3.3.1 mobx-react 4.3.3 Также находил ишью на гитхабе: https://github.com/mobxjs/mobx/issues/614 Но чет не помогло

XMLHttpRequest cannot load http://localhost:15801/api/login. Request header field Access-Control-Allow-Headers is not allowed by Access-Control-Allow-Headers in preflight response.

Это ошибка на стороне сервера или клиента?

Сервера

Просто везде пишут - вставить заголовки - и не понятно - на стороне запроса или на стороне ответа

ага спс