может скинешь уже код?

<div className={cx({ answer: true, visible: isOpen })} dangerouslySetInnerHTML={{__html:answer}} ></div>:

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

все, решил проблему

там не все не отображалось, а только некоторые

прогнал только что через валидатор html

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

внутри параграфов были div и т.д.

там не все не отображалось, а только некоторые

Не надо писать столбиками, пожалуйста

Не надо писать столбиками, пожалуйста

esslint же так советует

Гайз, напомните как задать стили тегу body в styled?

global

injectGlobal

https://www.styled-components.com/docs/api#injectglobal

:c

Спасибо

Ребят, кто нибудь может подсказать на счет алгоритма прохода над деревьями. Есть огромная БД с глубокой вложенностью (пример - миллион данных), какой алгоритм эффективнее всего использовать ?

Ребят, кто нибудь может подсказать на счет алгоритма прохода над деревьями. Есть огромная БД с глубокой вложенностью (пример - миллион данных), какой алгоритм эффективнее всего использовать ?

какая цель действия?

вернуть json с агрегированными данными по вложенности

Ребят, кто нибудь может подсказать на счет алгоритма прохода над деревьями. Есть огромная БД с глубокой вложенностью (пример - миллион данных), какой алгоритм эффективнее всего использовать ?

ты в БД хранишь дерево или бьешься над вопросом какой индекс использовать для таблицы?

вернуть json с агрегированными данными по вложенности

так зачем тогда обходить дерево?

+ юзаеться же бд

получай и юзай

всем привет!!!... где можно найти ресурс где расказывают как настроить babel чтобы изменение в ui reaact показовались без перезагрузки?

ох ты ёх ты, это не babel, это webpack

React hot loader

а для начала, проще установите CRA и не парьтесь

Там вроде просто hmr

ох ты ёх ты, это не babel, это webpack

ок спасибо!

Там вроде просто hmr

да да!! спасибо огромное

Ребят, кто нибудь может подсказать на счет алгоритма прохода над деревьями. Есть огромная БД с глубокой вложенностью (пример - миллион данных), какой алгоритм эффективнее всего использовать ?

Для глубоких деревьев реализуй обычную рекурсию, только через циклы. Посмотри non-recursive implementation по DFS алгоритму. Под свои задачи подгони.

Подскажите, использую React+Flux, есть наличие отрисовки одних и тех же компонентов на странице несколько раз, но набор данных у них разный, у меня получается, что store для каждого компонента один и тот же, поэтому в компонетах отрисовывается одинакавая инфа всегда. Как можно разделить store, что бы у каждого компонета был свой набор данных? Какие практики для этого есть? не могу найти...

Так если данные разные значит это не тот же стор

Так если данные разные значит это не тот же стор

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

Канешн

Они подписаны

Канешн

а как можно разделить такую логику? в курсе?

Разные ветки стора

а два поля иметь не варик?

Именно то

Ребята, поделитесь опытом, кто как документирует приложения - обычный jsdoc, storybook, и то, и то?..

Ребята, поделитесь опытом, кто как документирует приложения - обычный jsdoc, storybook, и то, и то?..

jsdoc, flow, styleguidist

Ребята, поделитесь опытом, кто как документирует приложения - обычный jsdoc, storybook, и то, и то?..

docz.site охуенная штука

Найсно, спасибо - сохранил

Разные ветки стора

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

а два поля иметь не варик?

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

Он говорит, разнеси ты эти 2 комонента на 2 поля

и сеть данные в нужный

вот и всё

docz.site охуенная штука

Хмм... To get right with <PropsTable> you need to export your component as a default export

Два экспорта делать?

хз

надо чекать

docz.site охуенная штука

тогда уж и react-styleguidist советую глянуть, принцип похож @KaufD

тогда уж и react-styleguidist советую глянуть, принцип похож @KaufD

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

Ещё работали бы

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

Вот styleguidist как раз более "мощный" в том плане, что имеет меньше ограничений Может в него и меньше встроено, но его зато в любом проекте запустить можно и не упереться в какие-то условности и ограничения

Ещё работали бы

вот-вот)

много проблем? на styleguidist кстати ui kit альфабанка сделан...

storybook work in progress, и очень сильно

Постоянно всё меняется и ломается самым вычурным образом

Уже несколько месяцев как застрял между релизами в альфе

ERROR: S client not available

Это да, а с 4 wepback только альфа... В styleguidist есть аналог кнобов?

парни, заблочил кнопку назад браузера, но в некоторых местах приложения кнопка должна работать, для этого было сделано по ивенту let params = $location.search(); let url = '/'; switch (params.back_to){ case 'outlets':{ url += `${params.back_to}`; window.location = `#${url}`; break } case 'calendar':{ url += `${params.back_to}/${params.date}`; window.location = `#${url}`; break } case 'route':{ url += `${params.back_to}/${params.id}`; window.location = `#${url}`; break } } но когда я перехожу назад но не через кнопку, а через ссылку - вылитает ошибка Uncaught RangeError: Maximum call stack size exceeded. как это обойти

переписать код у тебя там всё плохо

Привет. Получаю от реакта варнинг Warning: Unknown event handler property `onKeyPressed. It will be ignored.` Из стейктрейса не могу понять где он. А можно как то стопнуть на нем дебагер? Или только на эксепшенах.

парни, заблочил кнопку назад браузера, но в некоторых местах приложения кнопка должна работать, для этого было сделано по ивенту let params = $location.search(); let url = '/'; switch (params.back_to){ case 'outlets':{ url += `${params.back_to}`; window.location = `#${url}`; break } case 'calendar':{ url += `${params.back_to}/${params.date}`; window.location = `#${url}`; break } case 'route':{ url += `${params.back_to}/${params.id}`; window.location = `#${url}`; break } } но когда я перехожу назад но не через кнопку, а через ссылку - вылитает ошибка Uncaught RangeError: Maximum call stack size exceeded. как это обойти

Не сбрасывай подобный код в телегу, пожалуйста.

Привет. Получаю от реакта варнинг Warning: Unknown event handler property `onKeyPressed. It will be ignored.` Из стейктрейса не могу понять где он. А можно как то стопнуть на нем дебагер? Или только на эксепшенах.

поиск по проекту сделай

Привет. Получаю от реакта варнинг Warning: Unknown event handler property `onKeyPressed. It will be ignored.` Из стейктрейса не могу понять где он. А можно как то стопнуть на нем дебагер? Или только на эксепшенах.

у тебя неправильное имя пропа

Скриншот или ссылку на гист.

Это да, а с 4 wepback только альфа... В styleguidist есть аналог кнобов?

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

парни, заблочил кнопку назад браузера, но в некоторых местах приложения кнопка должна работать, для этого было сделано по ивенту let params = $location.search(); let url = '/'; switch (params.back_to){ case 'outlets':{ url += `${params.back_to}`; window.location = `#${url}`; break } case 'calendar':{ url += `${params.back_to}/${params.date}`; window.location = `#${url}`; break } case 'route':{ url += `${params.back_to}/${params.id}`; window.location = `#${url}`; break } } но когда я перехожу назад но не через кнопку, а через ссылку - вылитает ошибка Uncaught RangeError: Maximum call stack size exceeded. как это обойти

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

ок

парни, заблочил кнопку назад браузера, но в некоторых местах приложения кнопка должна работать, для этого было сделано по ивенту let params = $location.search(); let url = '/'; switch (params.back_to){ case 'outlets':{ url += `${params.back_to}`; window.location = `#${url}`; break } case 'calendar':{ url += `${params.back_to}/${params.date}`; window.location = `#${url}`; break } case 'route':{ url += `${params.back_to}/${params.id}`; window.location = `#${url}`; break } } но когда я перехожу назад но не через кнопку, а через ссылку - вылитает ошибка Uncaught RangeError: Maximum call stack size exceeded. как это обойти

djn

заблочил кнопку назад браузера, но в некоторых местах приложения кнопка должна работать, для этого было сделано по ивенту let params = $location.search(); let url = '/'; switch (params.back_to){ case 'outlets':{ url += `${params.back_to}`; window.location = `#${url}`; break } case 'calendar':{ url += `${params.back_to}/${params.date}`; window.location = `#${url}`; break } case 'route':{ url += `${params.back_to}/${params.id}`; window.location = `#${url}`; break } } но когда я перехожу назад но не через кнопку, а через ссылку - вылитает ошибка Uncaught RangeError: Maximum call stack size exceeded. как это обойти

вот

заблочил кнопку назад браузера, но в некоторых местах приложения кнопка должна работать, для этого было сделано по ивенту let params = $location.search(); let url = '/'; switch (params.back_to){ case 'outlets':{ url += `${params.back_to}`; window.location = `#${url}`; break } case 'calendar':{ url += `${params.back_to}/${params.date}`; window.location = `#${url}`; break } case 'route':{ url += `${params.back_to}/${params.id}`; window.location = `#${url}`; break } } но когда я перехожу назад но не через кнопку, а через ссылку - вылитает ошибка Uncaught RangeError: Maximum call stack size exceeded. как это обойти

Залей на gist

Или ещё лучше csb

заблочил кнопку назад браузера, но в некоторых местах приложения кнопка должна работать, для этого было сделано по ивенту let params = $location.search(); let url = '/'; switch (params.back_to){ case 'outlets':{ url += `${params.back_to}`; window.location = `#${url}`; break } case 'calendar':{ url += `${params.back_to}/${params.date}`; window.location = `#${url}`; break } case 'route':{ url += `${params.back_to}/${params.id}`; window.location = `#${url}`; break } } но когда я перехожу назад но не через кнопку, а через ссылку - вылитает ошибка Uncaught RangeError: Maximum call stack size exceeded. как это обойти

Поставь брекпоинт в функции и исследуй.

информативная помощь

Ребят, у меня при каждом изменении значения инпута срабатывает экшн с запросом на сервер, понимаю, что это не камильфо для перфоманса, но что можно сделать? Debounce на экшн нормальный выход?

Перевесить на onBlur?

Перевесить на onBlur?

Как это поможет?

Ребят, у меня при каждом изменении значения инпута срабатывает экшн с запросом на сервер, понимаю, что это не камильфо для перфоманса, но что можно сделать? Debounce на экшн нормальный выход?

либо дебаунс на onChange

Кстати об альфе - gemini в реакт никто не юзал?

либо дебаунс на onChange

Ну тогда по идее изменения инпута будут не сразу отображаться

Ну тогда по идее изменения инпута будут не сразу отображаться

Смотря как сделаешь )

Смотря как сделаешь )

Ты имеешь в виду, смотря какое значение укажу на wait?)

Ты имеешь в виду, смотря какое значение укажу на wait?)

Нет

Черевато ли копирования куки с килента для получения данных от апи на ноде? У меня ssr реакт и мне надо чтобы на сервере я мог сделать запрос к апи и получить данные о юзере. Для этого на клиенте пока отправляю куки через axios, а на сервере беру res.headers.cookie при запросе с клиента и кладу их в реквест в headers для получения данных с апи

Нет

Тогда не мог бы поподробней обяснить, что ты имел в виду?