а кто-нибудь здесь, работал с cordova?

Да

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

какие впечатления от практики?)

Использовал вместе с Relay. Боль и страдания

Использовал вместе с Relay. Боль и страдания

На вкус и цвет.

Использовал вместе с Relay. Боль и страдания

интересно. в чем боль заключалась?

С Relay ?

Полгода назад было, может уже пофикшено многое. Баги просто везде, простейшие вещи забивались костылями. Переписали всё на redux и стало хорошо. Сам по себе graphql неплох, но релей не советую

ясно

можете объяснить зачем нужен этот метод? event.preventDefault(); // Let's stop this event. в документации про него только 1 абзац, но я его видимо неправильно перевел

можете объяснить зачем нужен этот метод? event.preventDefault(); // Let's stop this event. в документации про него только 1 абзац, но я его видимо неправильно перевел

В какой документации?

офф

офф

это метод не реакта, а жс/дом

а для чего он нужен?

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

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

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

спасибо

Your event handlers will be passed instances of SyntheticEvent, a cross-browser wrapper around the browser's native event. It has the same interface as the browser's native event, including stopPropagation() and preventDefault(), except the events work identically across all browsers.

все равно не понял

офф

Лол, google mdn event preventDefault

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

Это совсем нубский вопрос

Гайз, написал тут небольшой компонент. Когда-то подобный функционал мне понадобился на моём ангулярном проекте, но тогда я не нашёл хороших либ, так что по мере освоения решил набросать такое на реакте. Пообсирайте код кому пару минут не жалко, плес https://github.com/Lefortov/react-two-way-querybuilder

а какой сейчас самый кошерный способ получать redux store в компоненте? очевидно можно сунуть его в window или протащить через контекст, но может есть способы лучше?

Чем не нравится банальный react-redux connect? ?

Чума, я даже не подозревал, что кто-то серьёзно способен прокидывать redux стор через window

Чем не нравится банальный react-redux connect? ?

тем что коннект это ок когда компонент как-то реагирует на изменения в сторе а что если надо диспатчить какие-то экшены после того как компонент примонтировался?

Чума, я даже не подозревал, что кто-то серьёзно способен прокидывать redux стор через window

Будешь смеяться, но это бывает нужно для интеграции с легаси кодом

Верю

Страшные вещи, конечно

тем что коннект это ок когда компонент как-то реагирует на изменения в сторе а что если надо диспатчить какие-то экшены после того как компонент примонтировался?

По прежнему не вижу проблемы)

connect вторым параметром пробрасывает диспатч

В итоге, имеем в props функцию, делающую диспатч в стор, и имеет componentDidMount

ну то есть самому прокинуть стор, но сделать это в mapDispatchToProps

Нет, стор прокидывается в mapStateToProps. В mapDispatchToProps прокидываются именно диспатч как таковой

ну то есть самому прокинуть стор, но сделать это в mapDispatchToProps

не стор, а возможность диспатчить

ну сделать там функцию которую вызвать из didMount, смысл тот же примерно

понятно

В идеале предполагается, что ты сделаешь const mapDispatch = dispatch => ({ onMount: () => dispatch( ACTION ) })

И будешь дёргать функцию, не обращаясь к диспатчу из компонента

ну в компоненте ты будешь дергать this.props.onMount()

Да

Ребят, есть нужно сделать приложение на React Native, на iOS + android, кто то может?

Ребят, есть нужно сделать приложение на React Native, на iOS + android, кто то может?

В @javascript_jobs

А как цвет аутлайна у инпуты через инлайн стили менять?

В реакт компоненте

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

Style={{focus:outline: 'red'}} так?

селекторы псевдо-элементов и псевдо-классов через style, естественно, не работают

Я через outline color сделал

Камрады, я в реакте пару денй, не смейтесь :) Правильно ли я понимаю, что реакт строит свой дум у себя в голове и рендерит только изменения? То есть если я грубо говоря скормлю ему сначала <h1>AA</h1><b>bb</b> а потом <h1>AA</h1><i>cc</i>, то он не будет трогать при рендере h1 совсем, а просто удалит b и добавит i?

в идеале - да

https://facebook.github.io/react/docs/reconciliation.html

с 16 будет fiber. там все повеселее. приоритезация апдейтов и т.п.

в идеале - да

Я могу помочь реакту приблизиться к идеалу? как? key?

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

>вообще весть твой дом Ну у меня в index.html разве что в head чтототам есть, а в боди только <div id="app"></div>, остальным рулит реакт. Это то что и имелось в виду?

имелось в виду что если выше по дереву ветки с этим кодом ты сменишь тип ноды или динамически добавишь|удалишь ноды без key или с некорректным key - то reconcilation полностью снесет эту ветку вместе с внутренним стейтом и построит новую

спасибо

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

так и делать

так и делать

А то что это повторные элементы не страшно?

ERROR: S client not available

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

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

а делаю всю логику в главном компоненте( Получается лучше фильтровать в дочернем?

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

у меня там просто еще и пагинация

а делаю всю логику в главном компоненте( Получается лучше фильтровать в дочернем?

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

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

те в rendere?

да

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

а как с пагинацией быть?(

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

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

мне после фильтрации нужно сет стейт дернуть а в рендере это зашквар)))

зачем надо сет стейт?

что бы изменить общее количество элементов для посчета кнопок пагинации

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

elems.length

ок благодарю щам переделаю)))

или если у тебя count с сервера то просто просчитай разницу между ним и отфильтрованными элементами

ок благодарю!!!!!!!!

Но и то там была история про пиры, т.е. подогнать версии чтоб он с флагом dev собирался

Спасибо, вспомнил.

зачем надо сет стейт?

все сростулички заработало !!! Спасибо за мыслю!

ребят, привет

Я пытаюсь create-react-app сделать изоморфным, вроде как сделал, но он ругается на подключаемые scss файлы

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

вопрос такой с draft js кто работал?

если там делать блоки текста не реадактируемыми

?

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

Уже так и сделал, спасибо

вопрос такой с draft js кто работал?

в чем вопрос

можно сделать так

что

в редакторе например 3 параграфа

2 задизейблить

чтобы они были не редактируемы