@react_js
Nikolay15.02.2018
22:52:20
22:52:20
@rbsxx вопрос понятен? :)
ujeenator16.02.2018
00:14:49
00:14:49
Еще раз. Есть некий компонент с локальным стейтом. Пусть например это будет чекбокс. Помимо этого у него есть пропсы (вкл/выкл и хендлер на изменение).
Я делаю коннект к стору, и кликаю по чекбоксу. Срабатывает внутренний метод:
handleClick = (...) => {
this.setState({isChecked});
this.props.onChange({isChecked});
}
Сначала он обновляет стейт локально, а потом компонент перерисуется после отработки ui-редьюсера.
какую проблему надо решить? двойную перерисовку?
или дублирование данных в двух местах?Еще раз. Есть некий компонент с локальным стейтом. Пусть например это будет чекбокс. Помимо этого у него есть пропсы (вкл/выкл и хендлер на изменение).
Я делаю коннект к стору, и кликаю по чекбоксу. Срабатывает внутренний метод:
handleClick = (...) => {
this.setState({isChecked});
this.props.onChange({isChecked});
}
Сначала он обновляет стейт локально, а потом компонент перерисуется после отработки ui-редьюсера.
после смены стора isChecked потом возвращается обратно сверху через пропсы?
Andrew16.02.2018
00:16:34
00:16:34
GoogleNikolay16.02.2018
00:34:58
00:34:58
ujeenator16.02.2018
00:37:34
00:37:34
Nikolay16.02.2018
00:41:19
00:41:19
если action creator синхронный, то не вижу смысла в хранении isChecked в стейте
Я начал с того, что компонент реюзабельный. Другими словами, он может быть заюзан там, где вообще нет редакса, например.Ну а каждый раз писать контейнер это бред.
ujeenator16.02.2018
00:42:20
00:42:20
Я начал с того, что компонент реюзабельный. Другими словами, он может быть заюзан там, где вообще нет редакса, например.
props это не редакс
если оговорено что в props приходит isChecked после вызова callback
то от редакса компонент не зависитили ты хочешь чтобы он мог быть корневым компонентом без врапперов?
ujeenator16.02.2018
00:45:59
00:45:59
Именно.
const {onChanged} = this.props
const {isChecked} = onChanged ? this.props : this.state
...
handleClick = (isChecked) => onChanged ? onChange({isChecked}) : this.setState({isChecked})смена поведения в зависимости root компонент или нет
это проще, но не стоит злоупотреблять
смешиваются понятия контейнера и компонента
я бы написал отдельно враппер
MyComponentDumb - без стейта
MyComponentSmart - со стейтом, оборачивает MyComponentDumb
Между лаконичностью и очевидностью. лучше очевидность
Cenator16.02.2018
00:53:42
00:53:42
GoogleCenator16.02.2018
00:53:56
00:53:56
Зачем тебе водопад пропсов?
У нормальных людей нужный компонент законнекчен, а ui собирается из блоков (стайлед компоненты)
Nikolay16.02.2018
01:09:10
01:09:10
Короче ясно, понятно, спасибо. Я думал, вдруг в мире реакта есть че-нть из коробки для таких случаев :)
Есть в принципе еще вариант провязывать только хендлер к экшну, а пропсы нет. Тогда получится своего рода оптимистичный ui, только вот принцип single source of truth нарушится :)
Дмитрий16.02.2018
01:11:49
01:11:49
Nikolay16.02.2018
01:13:32
01:13:32
Потому что один источник будет жить в стейте компонента, а другой в сторе :)
И если какой-то другой редусер поменяет значение в сторе...
Дмитрий16.02.2018
01:20:31
01:20:31
Один ведущий, другой ведомый
Когда меняется ведущий меняются оба, когда меняется ведомый он меняется один
andretshurotshka?❄️кде16.02.2018
01:21:41
01:21:41
getStateDerivedFromProps
Дмитрий16.02.2018
01:21:53
01:21:53
Ну да, ну раз пока нету)
andretshurotshka?❄️кде16.02.2018
01:22:16
01:22:16
или как он называется
Nikolay16.02.2018
01:33:08
01:33:08
В общем хок напишу, который будет рулить этим делом.
Дмитрий16.02.2018
01:33:24
01:33:24
Хок с правой
Winni16.02.2018
01:35:31
01:35:31
Скажите чат по ide, или как решить что подсказка в вебшторме висит 200мс
andretshurotshka?❄️кде16.02.2018
01:44:14
01:44:14
@ide_ru
М16.02.2018
03:26:10
03:26:10
Кто-то слышал про react-helmet ?
GoogleEvgeniy16.02.2018
04:35:13
04:35:13
М16.02.2018
05:18:50
05:18:50
(ssr нету)
Cenator16.02.2018
05:19:52
05:19:52
Cenator16.02.2018
05:20:21
05:20:21
Sergey16.02.2018
05:28:29
05:28:29
пацыки,подскажите, почему если я делаю запрос к api вот так - superagent.get('/api/articles') мне ничего не возвращается (null), а если я вот так обращусь - superagent.get('http://localhost:3002/api/articles') то приходит все ок
Vladimir16.02.2018
05:32:02
05:32:02
Sergey16.02.2018
05:33:03
05:33:03
а как в один порт загнать? он же вроде ругаться будет, что порт занят
Vladimir16.02.2018
05:33:26
05:33:26
Никак, это же два разных приложения
Sergey16.02.2018
05:34:02
05:34:02
окей, благодарю)
Evgeniy16.02.2018
05:37:11
05:37:11
Joho16.02.2018
05:42:51
05:42:51
Еще раз. Есть некий компонент с локальным стейтом. Пусть например это будет чекбокс. Помимо этого у него есть пропсы (вкл/выкл и хендлер на изменение).
Я делаю коннект к стору, и кликаю по чекбоксу. Срабатывает внутренний метод:
handleClick = (...) => {
this.setState({isChecked});
this.props.onChange({isChecked});
}
Сначала он обновляет стейт локально, а потом компонент перерисуется после отработки ui-редьюсера.
Что-то типа такого? https://www.viget.com/articles/controlling-components-react/Google
Hello16.02.2018
05:52:25
05:52:25
Добрый день! Подскажите кто знает хороший и понятный бойлерплейт для подключения к API, основанный на redux? Может кто знает что такое dva js - правильное решение и стабильно работает?
Artyom16.02.2018
06:29:40
06:29:40
О да
https://github.com/reactjs/rfcs/blob/master/text/0017-new-create-ref.md
Nikolay16.02.2018
06:32:07
06:32:07
Что-то типа такого? https://www.viget.com/articles/controlling-components-react/
Огонь! Вот это как раз то, что я так и не смог в гугле найте :)
Eddie16.02.2018
06:51:39
06:51:39
Доброе утро.
Как добавить к адресу префикс, например, при клике меняю url
"window.location.href = ?locale=${prefix}", но затем когда кликну по другому елементу url перезаписываеться. Мне нужно что бы этот префикс как-то сохранялся. пробовал и history.push но тоже не подходит
Andrey16.02.2018
06:52:28
06:52:28
Доброе утро.
Как добавить к адресу префикс, например, при клике меняю url
"window.location.href = ?locale=${prefix}", но затем когда кликну по другому елементу url перезаписываеться. Мне нужно что бы этот префикс как-то сохранялся. пробовал и history.push но тоже не подходит
Почему history.push не подходит?Eddie16.02.2018
06:53:31
06:53:31
Почему history.push не подходит?
ну каждый раз, когда нажимаешь он добавляет к адресу префикс, а не перезаписываетAndrey16.02.2018
06:54:38
06:54:38
ну каждый раз, когда нажимаешь он добавляет к адресу префикс, а не перезаписывает
А как ты history.push используешь?Artyom16.02.2018
06:58:40
06:58:40
Не в тему, но написал тут.
У SC невероятно мощное API, которое позволяет делать много и делать это удобно. Но есть нечто более важное
http://telegra.ph/styled-components---chto-zachem-pochemu-02-16
Soul16.02.2018
06:59:59
06:59:59
Всем привет. Подскажите пожалуйста, стоит ли джуну или мидлу походить на собеседования в крутые компании? Эта практика применима??
weyheyhey16.02.2018
07:01:08
07:01:08
У битрикса, говорят, тоже неверятно мощное апи?
Nikita16.02.2018
07:03:08
07:03:08
Всем привет. Подскажите пожалуйста, стоит ли джуну или мидлу походить на собеседования в крутые компании? Эта практика применима??
Ну самый плохой исход из похода на такие собеседования, тебя просто не возьмут туда и все.Soul16.02.2018
07:06:37
07:06:37
Ну самый плохой исход из похода на такие собеседования, тебя просто не возьмут туда и все.
Согласен не взять могут и на более раннем этапе. А так ты хотя бы face to face с hr или лидом, возможность посмотреть на компании изнутри тоже плюсом будетArtyom16.02.2018
07:07:20
07:07:20
Всем привет. Подскажите пожалуйста, стоит ли джуну или мидлу походить на собеседования в крутые компании? Эта практика применима??
нужно. Чем больше компания - тем лучше (только что бы на комерческой основе была)Soul16.02.2018
07:10:10
07:10:10
нужно. Чем больше компания - тем лучше (только что бы на комерческой основе была)
А как бы ты поступил, перед тем как идти? Может резюме выслал или по телефону договорился о встрече заранее, или без предупреждения?
Vladimir16.02.2018
07:11:12
07:11:12
Лол, а как ты на собеседование без приглашения придёшь?
Cenator16.02.2018
07:16:05
07:16:05
Soul16.02.2018
07:16:06
07:16:06
часто бывает, просто говорят что мы по телефону короткое пресобеседование проведем а потом фул удаленное собеседование, и так ты приходишь когда уже берут
Eugene16.02.2018
07:29:25
07:29:25
Nikolay16.02.2018
07:43:48
07:43:48
Я могу сделать хок, который на вход будет принимать два компонента? Насколько это идеологически приемлемо?
Google
Vitaly16.02.2018
07:45:38
07:45:38
Я могу сделать хок, который на вход будет принимать два компонента? Насколько это идеологически приемлемо?
норм, смотри branch от recomposeВладимир16.02.2018
07:45:44
07:45:44
идеологически наверно не очень правильно, но можно придумать ситуации, когда это будет полезно.
Например для проверки прав: есть у юзера доступ - показать первый компонент, иначе - второй
Cenator16.02.2018
07:46:31
07:46:31
Я могу сделать хок, который на вход будет принимать два компонента? Насколько это идеологически приемлемо?
а обернуть во фрагмент никак?Nikolay16.02.2018
07:46:38
07:46:38
Ну у меня кейс проще. Есть список произвольных итемов, хок добавляет возможность выбора (по аналогии с радио-баттоном)
Vitaly16.02.2018
07:49:14
07:49:14
Ну у меня кейс проще. Есть список произвольных итемов, хок добавляет возможность выбора (по аналогии с радио-баттоном)
произвольных? то есть ты будешь каждый раз в рендере вызываь hoc(rand1, rand2)(component)?
Открыть в Telegram