пример кода можешь написать?

https://jsbin.com/xasisesope/edit?html,js,console,output - ставлю обработчик на App компоненте а ловятся события при клике на внутреннем компоненте Inner1

у которого нет обработчика

а ты клики для чего ловишь? то бишь какая задача?

зачем вешать на App?

ну и вдогонку рекомендую перечитать https://learn.javascript.ru/event-bubbling

а ты клики для чего ловишь? то бишь какая задача?

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

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

в большинстве случаев

да кстати, redux используешь?

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

да кстати, redux используешь?

да использую редакс, суть то не меняется - есть родительский компонент , есть вложенные компоненты - на одних есть обработчики клика на других компонентах нет. На тех компонентах на которых есть обработчик пишем e.stopPropagation() и все хорошо событие не всплывает но на компонентах у которых нет обработчиков клика событие всплывает входит в конфликт обработчиком события родительского компонента. Кстати вот хороший пример - обычное модальное окно - есть оверлей и внутри форма - по клику на оферлею нужно закрыть модалку но клики внутри формы не должы всплывать. Но на форме то как раз может и не быть обработчика клика чтобы вызвать e.stopPropagation. Да конечно можно добавить обработчик только для того чтобы остановить событие onClick={e=>e.stopPropagation()} но это еще больший костыль

ну и вдогонку рекомендую перечитать https://learn.javascript.ru/event-bubbling

кстати как раз там и советуют: Любой обработчик может остановить событие вызовом event.stopPropagation(), но делать это не рекомендуется, так как в дальнейшем это событие может понадобиться, иногда для самых неожиданных вещей.

StopPropagation это как евал

Действительно Нужно очень редко

А когда используешь нужно быть предельно осторожным

А когда используешь нужно быть предельно осторожным

Почему?

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

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

Нет события

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

И обнаружить что это сделал ты

да использую редакс, суть то не меняется - есть родительский компонент , есть вложенные компоненты - на одних есть обработчики клика на других компонентах нет. На тех компонентах на которых есть обработчик пишем e.stopPropagation() и все хорошо событие не всплывает но на компонентах у которых нет обработчиков клика событие всплывает входит в конфликт обработчиком события родительского компонента. Кстати вот хороший пример - обычное модальное окно - есть оверлей и внутри форма - по клику на оферлею нужно закрыть модалку но клики внутри формы не должы всплывать. Но на форме то как раз может и не быть обработчика клика чтобы вызвать e.stopPropagation. Да конечно можно добавить обработчик только для того чтобы остановить событие onClick={e=>e.stopPropagation()} но это еще больший костыль

Тебе для модалки нужен react-onclickout

да использую редакс, суть то не меняется - есть родительский компонент , есть вложенные компоненты - на одних есть обработчики клика на других компонентах нет. На тех компонентах на которых есть обработчик пишем e.stopPropagation() и все хорошо событие не всплывает но на компонентах у которых нет обработчиков клика событие всплывает входит в конфликт обработчиком события родительского компонента. Кстати вот хороший пример - обычное модальное окно - есть оверлей и внутри форма - по клику на оферлею нужно закрыть модалку но клики внутри формы не должы всплывать. Но на форме то как раз может и не быть обработчика клика чтобы вызвать e.stopPropagation. Да конечно можно добавить обработчик только для того чтобы остановить событие onClick={e=>e.stopPropagation()} но это еще больший костыль

Неправильно верстаешь

Диалог не в оверлее, а рядом сделай

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

!important в цсс же не везде втыкаем

В конце концов игнорируй клик, там где надо

Но не убивай его

со стоппропагейшеном давно такой goodpractice существует?

С создания событийной модели в DOM?..

Лет 20 наверн

Лет 20 наверн

ясно понятно

кто юзает vscode, подскажите какие плагины юзаете для джс/флоу и реакта, чтоб синтаксис норм светил и т.д., мб гист с настройками

кто юзает vscode, подскажите какие плагины юзаете для джс/флоу и реакта, чтоб синтаксис норм светил и т.д., мб гист с настройками

Я юзаю тему atom one

а бабель? я не смог переопределить .jsx на бабель язык вместо дефолтного

на .js язык js (babel) а .jsx - js react

Ох, где-то в настройках можно указать для расширения синтаксис

да, но .jsx не переопределяет там :(

в общем там понты какие-то с бабель плагином про оверрайд языка, решил просто vscode-flow юзать

Всем привет. Не смог найти в документации к react-router как считать params в глубоко дочернем компоненте, withRouter парсеные не дает, только url и прочую ненужную фигню.

react-router-redux тоже не пробрасывает нужную информацию в стор

Насколько мне известно она пробрасывает только в тот компонент который в роуте указан.

Насколько мне известно она пробрасывает только в тот компонент который в роуте указан.

Юзал себе router5 со своим редюсером и не парился. Ок, буду выкручиваться

в общем там понты какие-то с бабель плагином про оверрайд языка, решил просто vscode-flow юзать

Просто не юзай vscode

Юзал себе router5 со своим редюсером и не парился. Ок, буду выкручиваться

продолжай делать это, ты все правильно делал

@DenisIzmaylov реакт митапа не будет?

Будет, но во второй половине сентября :)

Как раз вернёшься

Друзья, у кого ещё есть тема для доклада на React Moscow Meetup в конце сентября? Заполните форму: + https://denisizmaylov.typeform.com/to/NHNCiM и давайте обсудим!

@DenisIzmaylov реакт митапа не будет?

Серёж, закинешь инфу в форму?) можно обе темы, о которых говорили, чтобы в след раз учитывать

ок, позже

Друзья, у кого ещё есть тема для доклада на React Moscow Meetup в конце сентября? Заполните форму: + https://denisizmaylov.typeform.com/to/NHNCiM и давайте обсудим!

В общем, я готов рассказать про Flow, если кому интересно

Да вроде ребятам интересно :) Я бы тоже послушал. Заполнишь форму?

Хочу немного сформулировать повестку

Думал может тут кто скажет, что конкретно было бы интересно услышать, в контексте реакта

Думал может тут кто скажет, что конкретно было бы интересно услышать, в контексте реакта

почему стоит использовать flow а не TS. И какие именно проблемы решит использование Flow

Это само собой)

Flow однозначно!

В смысле доклад про flow хочется

Есть пожелания?

В общем, я готов рассказать про Flow, если кому интересно

Просим

Есть пожелания?

Можно еще у ребят в @typescript_ru спросить )

тут все ребята

ERROR: S client not available

я хз чего послушать хочется

Я бы хотел узнать о том, что покрывать типами, а что нет. Где вообще flow стоит отключить. Где брать дефинишны. Когда их стоит вообще самому написать

но наверное можно рассказать что PropTypes не нужны

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

> Где брать дефинишны

но наверное можно рассказать что PropTypes не нужны

а что делать с children?

> Где брать дефинишны

flow-typed?

Пора Серёже свои стикеры сделать

А кто дружит с Фотошопом?

Давайте сделаем Стикеры с Серёжей?

Или вообще со всей JS-тусовкой =)

там 1 стикер нужен же)

не нужен

точнее не нужен))

Хотя и он не нужен

))

А про анимацию нужен доклад?

Конечно!

Одна из самых больных тем

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

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

Хочу рассказать про теорию, а не про реализации

а может про кишки реакта кто-то может рассказать?

А то реализаций-то да, много, но как построить свою анимацию — еле нашёл контент в интернете

как законтрибьютить в реакт, например.

про fibers

https://github.com/flowtype/flow-typed/tree/master/definitions/npm

а может про кишки реакта кто-то может рассказать?

вчера был доклад про это на React Rally Day 2