@react_js
Andrey26.01.2018
03:22:48
03:22:48
class AAA {
doA = (a) => this.setState({a})
render() { return <Context doA={this.doA} />}
}
Вот это я имею ввиду.
this.setState я бы никогда не прокинул. Нафиг-нафиг.
Дмитрий26.01.2018
03:26:39
03:26:39
Короче, экшны и редьюсеры в редаксе значительно важнее чем тебе сейчас кажется) Все они решают ряд проблем, повсеместно встречаемых в управлении данными
Google
andretshurotshka?❄️кде26.01.2018
03:26:50
03:26:50
Аааапчхи
Дмитрий26.01.2018
03:26:59
03:26:59
?
andretshurotshka?❄️кде26.01.2018
03:27:43
03:27:43
Дмитрий26.01.2018
03:28:58
03:28:58
Только приколоченный к view ?
Andrey26.01.2018
03:29:28
03:29:28
У тебя и редакс приколоченный к view
Дмитрий26.01.2018
03:30:06
03:30:06
Хы, ну, скажем так, не совсем ?
Andrey26.01.2018
03:30:29
03:30:29
Ойойой
+ есть та ленивость и освобождение ресурсов, которую ты героически прикручиваешь к редаксу.
Дмитрий26.01.2018
03:32:20
03:32:20
Добрую половину того года я писал код с редаксом, который вообще не для фронта предназначен. Для меня редакс это управление данными и все
Andrey26.01.2018
03:33:15
03:33:15
Добрую половину того года я писал код с редаксом, который вообще не для фронта предназначен. Для меня редакс это управление данными и все
Верно. Нужен реакт - используй контекст. Не нужен реакт - костыль в виде редакса в помощь.GoogleДмитрий26.01.2018
03:35:31
03:35:31
Потому что такой задачи как освобождение ресурсов вообще нет) Я трактую стейт как компактную структуру
Andrey26.01.2018
03:35:54
03:35:54
Tauka26.01.2018
06:04:40
06:04:40
Всем привет, как писать тесты для подключенного компонента (connected), который еще и является роут компонентом (то есть тот, что рендерится при определенном роуте)?
Jest + Enzyme
1. Он требует store, в принципе нет проблем с тем чтобы в Provider обвернуть
2. А вот с пропсами от роута что делать? (history, match, etc.) MemoryRouter для этого нужен?
UPD: Все что я пытаюсь сделать, это snapshot testing
Andrey26.01.2018
06:05:39
06:05:39
А зачем connected компонент тестировать?
Andrey26.01.2018
06:08:29
06:08:29
Можно подробней? Почему их не нужно тестировать?
потому что это лишняя сложность. Ты не можешь протестировать компонент без connect? Зачем тебе тестировать редакс?Tauka26.01.2018
06:09:53
06:09:53
потому что это лишняя сложность. Ты не можешь протестировать компонент без connect? Зачем тебе тестировать редакс?
А что если я хочу протестировать прилетающие с редакса пропсы?Andrey26.01.2018
06:10:17
06:10:17
А что если я хочу протестировать прилетающие с редакса пропсы?
Зачем? Тестируй отдельно экшены, отдельно компонент.Tauka26.01.2018
06:13:23
06:13:23
Benjamin26.01.2018
06:25:20
06:25:20
Всем доброе утро! Помогите, пожалуйста.
Есть такая задача: есть массив имен. Из этого массива рендерится список ссылок в одном компоненте и просто набор DIV'ов в другом компоненте. Мне нужно, чтобы при нажатии на ссылку добавлялся класс к соответствующему ей DIV'у. Скажите, как можно реализовать эту связку?
https://jsfiddle.net/69z2wepo/99198/
Stepan26.01.2018
06:28:03
06:28:03
Всем доброе утро! Помогите, пожалуйста.
Есть такая задача: есть массив имен. Из этого массива рендерится список ссылок в одном компоненте и просто набор DIV'ов в другом компоненте. Мне нужно, чтобы при нажатии на ссылку добавлялся класс к соответствующему ей DIV'у. Скажите, как можно реализовать эту связку?
https://jsfiddle.net/69z2wepo/99198/
Можешь создать переменную selectedName, и менять при клике на ссылкуBenjamin26.01.2018
06:28:39
06:28:39
Можешь создать переменную selectedName, и менять при клике на ссылку
И в другом компоненте сравнивать?Stepan26.01.2018
06:32:08
06:32:08
И в другом компоненте сравнивать?
чтонибудь вроде такого
this.props.list.map(item => <div className={`ball${selectedName === item ? ' some-class' : ''}`}>Andrey26.01.2018
06:34:30
06:34:30
Всем доброе утро! Помогите, пожалуйста.
Есть такая задача: есть массив имен. Из этого массива рендерится список ссылок в одном компоненте и просто набор DIV'ов в другом компоненте. Мне нужно, чтобы при нажатии на ссылку добавлялся класс к соответствующему ей DIV'у. Скажите, как можно реализовать эту связку?
https://jsfiddle.net/69z2wepo/99198/
Делаешь стейт к родительском компоненте и прокидываешь оттуда хначения, чтобы показать, что на определенную ссылку кликнули.Benjamin26.01.2018
06:35:11
06:35:11
Ну да, точно. Спасибо
Скажите, а если мне нужно не класс добавить, а получить DOM-узел соответствующего DIV'a?
Andrey26.01.2018
06:36:04
06:36:04
Но лучше избегать работу с домом по максимуму.
GoogleStepan26.01.2018
06:36:36
06:36:36
Benjamin26.01.2018
06:38:30
06:38:30
Да ситуация такая, что я использую библиотеку react-leaflet. Мне нужно при клике на ссылку приближать карту к соответствующей точке на карте. Как я понял, это делается именно через доступ к DOM-узлу
Stepan26.01.2018
06:39:11
06:39:11
Benjamin26.01.2018
06:40:40
06:40:40
Разве это не делается через координаты и зум?
А, блин. Правда же проще выставить нужный зум карте и координаты взять из спискаОгонь, спасибо!
Игорь26.01.2018
06:45:22
06:45:22
Ребят есть примеры использования connectAdvanced? Не могу найти ниодного туториала с пояснением
Andrew26.01.2018
06:45:33
06:45:33
?
Ну реакт это абстракция же, по идее нас вообще не должно волновать dom дерево там или нативные вьюхиAndrew26.01.2018
06:45:52
06:45:52
Игорь26.01.2018
06:45:52
06:45:52
Спасибо!
Andrew26.01.2018
06:47:51
06:47:51
Буду у компа найду
Andrey26.01.2018
06:47:56
06:47:56
Ну реакт это абстракция же, по идее нас вообще не должно волновать dom дерево там или нативные вьюхи
Ну да.Но всё же иногда надо)
ed26.01.2018
06:50:33
06:50:33
при создании спа, где переключение между страницами идет без перезагрузки страницы и страницам не нужны данные с сервера, хочу сделать без реакт роутера для начала.
Получается я должен навесить на кнокпки меню события на клик и при клике высвечивать тот или иной див? Див генерирован js или как? Потому что думаю, что держать его скрытым, но существующим глупо, так как пользователь может никогда не перейти на другую страницу, а скачивать больше данных придется (попутно меняя урл и историю)
Типичная ошибка это навигация по клику. Навигация следит за урлой браузера, а клик меняет её.GoogleВиталий26.01.2018
07:13:16
07:13:16
народ всем привет, подскажите есть какая-нибудь коробка для быстрой генерации црм систем на базе реакт? вопрос для создания быстрых коробок
типо как бекэнд страпи
Vitaly26.01.2018
07:18:38
07:18:38
crm? типа sales force?
Max26.01.2018
07:19:40
07:19:40
црм это прежде всего много бизнес-логики на беке
Evjeni26.01.2018
07:19:58
07:19:58
AdminERROR: S client not available
Виталий26.01.2018
07:20:07
07:20:07
ну а хотябы цмс тогда?
Виталий26.01.2018
07:20:32
07:20:32
я видел реакт админ , неплохая штука
но это админка по факту
Max26.01.2018
07:20:48
07:20:48
ну там разные
а црм тоже это не фронт
есть https://github.com/relax/relax
например
Виталий26.01.2018
07:21:17
07:21:17
я ж писал про страпи на бек
GoogleВиталий26.01.2018
07:21:29
07:21:29
там клац клац и говто эндпоинт
Vitaly26.01.2018
07:21:33
07:21:33
если есть быстрые задачи на которые не хочется тратить время - то лучше использовать saas решение :)
Виталий26.01.2018
07:21:54
07:21:54
да я понимаю ))))))))))))
Max26.01.2018
07:21:57
07:21:57
либо ты берешь шаблон админки
Виталий26.01.2018
07:22:53
07:22:53
оч мощная если задача наклепать апи сервер на тупые эндпоинты коллекций
Виталий26.01.2018
07:23:18
07:23:18
релакс я гляну спс
Открыть в Telegram