Дима
вычисляемые данные — это по прежнему данные
Дима
данные, но не состояние
const salaryList = createStore([2500, 2300, 2900])
const averageSalary = salaryList.map(
list => list.reduce(
(acc, n) => acc + n, 0
) / list.length
)
Дима
не вижу проблем)
Mannaro
Да и нет проблем)) Работать будет и так, и так. Я к тому, что контекст и редакс можно (и нужно) использовать вместе, а не стараться заменить одно другим.
Artem
MⅨ
Привет
MⅨ
Только начал React
MⅨ
Подскажите
MⅨ
А как отрендерить какой-то обьект от кондиции
MⅨ
<div>
{(true)?() => {
return (
<Divider component="li" />
)
}:''}
</div>
Артур
<div><Divider component="li" /></div>
Китикет
Andrei
Документацию читай
Eugene
<div>
{(true)?() => {
return (
<Divider component="li" />
)
}:''}
</div>
google react render condition
MⅨ
Хорошо просто вернуть что-то
Eugene
{bool && <Kek />}
MⅨ
🙏
キリル
такая проблема что при мнескольких маунтах/анмаунтах сага инициализируется несколько раз и как следствие дублирует экшены.
Каким образом это пофиксить? Нагуглил eject но пока не понял как юзать
Китикет
Китикет
キリル
второй вопрос по сагам и второй раз этот ответ
キリル
не шарите в сагах?
Андрей Чайковский
второй вопрос по сагам и второй раз этот ответ
По сагам в Реакт чатике дефолт ответ -- thunk
Андрей Чайковский
Друзья, как тестируете infinite scroll?
Anzor
Подскажите пожалуйста, ситуация такая.
Использую библиотеку gojs для визуализации. Отрисовываю нечто похожее на топологию сети. Для отрисовки нужна модель.
Весь код для gojs определен в теге script в индексе (прошу , не кидайте тряпками , не знаю как по другому сделать).
Проблема в том что если модель определена в индексе , то все работает нормально.
Но если я ее получаю в скрипте реакта и присваиваю модели , которая глобальна , то ничего не работает.
Как реализовать это правильно без вот такого дикого костыля , заранее спасибо.
Алексей
такая проблема что при мнескольких маунтах/анмаунтах сага инициализируется несколько раз и как следствие дублирует экшены.
Каким образом это пофиксить? Нагуглил eject но пока не понял как юзать
https://redux-saga.js.org/docs/api/index.html#takelatestpattern-saga-args
Anonymous
такая проблема что при мнескольких маунтах/анмаунтах сага инициализируется несколько раз и как следствие дублирует экшены.
Каким образом это пофиксить? Нагуглил eject но пока не понял как юзать
useEffect хук юзаешь? или каким образом они у тебя маунтятся?
Андрей Чайковский
почему?
Кто-то считает, что они не нужны, кто-то просто не пробовал, а посоветовать как решить проблему не может
Anonymous
Кто-то считает, что они не нужны, кто-то просто не пробовал, а посоветовать как решить проблему не может
А про redux-observable тут и подавно ничего не слышно, лол
Андрей Чайковский
А про redux-observable тут и подавно ничего не слышно, лол
Саги популярнее observable :)
キリル
useEffect хук юзаешь? или каким образом они у тебя маунтятся?
я просто собираю их в корневую, там all и потом это в конфигурацию уже. По типу санок
キリル
тоже создаю мидлу и в composeEnchancers
Alexey
кто-то саги в ssr использовал?
キリル
сделал 1 в 1 как с санками
Дима
то есть, ничего не поменялось
Anonymous
я просто собираю их в корневую, там all и потом это в конфигурацию уже. По типу санок
ну а триггеришь экшены как? через компонент или fork?
キリル
компонент
キリル
и есть в 1 месте форк но это следом за тригером из компонента
キリル
но работает одинаково. Замаунтится пару раз, значит пару раз инициализируется и потом будет дублировать
Anonymous
значит либо триггери через fork в корневой саге, либо в компоненте
Anonymous
Может кто сталкивался с тем что при feature-based архитектуре проекта необходимо запретить импорты из других фич на уровне линтера?
Dmitriy
Dmitriy
Это адекватно? как с таким жиьт то?
Andrei
это адекватно и как-то с этим можно бороться
MⅨ
Скажите а почему когда я пытаюсь
<div>
{
() => {
return (
{ (true) ? <Divider /> : '' }
)
}
</div>
он не работает. Разве внутри ретурна не jsx?
Cenator 🐈
Потому что никто не вызывает функцию
MⅨ
У меня там <Query> тэг перед этим стоит, он вызывает
Dmitriy
Dmitriy
Может я не так чтото делаю?
MⅨ
Так работает:
<Query>
</Query>
{(true)?<Divider />:''}
Делаю так:
<Query>
{({ loading, error, data }) => {
return data.someStuff.map(stuff => (
<ListItem key={someStuff.id}></ListItem>
{(true)?<Divider />:''}
)
}}
</Query>
Не работает
Sergey
Так работает:
<Query>
</Query>
{(true)?<Divider />:''}
Делаю так:
<Query>
{({ loading, error, data }) => {
return data.someStuff.map(stuff => (
<ListItem key={someStuff.id}></ListItem>
{(true)?<Divider />:''}
)
}}
</Query>
Не работает
Ты не можешь из функции вернуть два аргумента
MⅨ
Sergey
=> (
<>
</>
)
MⅨ
ааа
MⅨ
это аргумент типа
Kurzdor
https://gist.github.com/Kurzdor/59203d378fa82f7874719b3606bd2437
написал хук на проверку того, вылазит ли за окно какой то элемент (в основном это для модалок нужно)
Kurzdor
Dmitriy
Пацаны спасайте кипит от стайледов. У них с авгутса хуки висят в роадмапе. Уже больше 3 месяцев как PR смерджен💅🏻💅🏻💅🏿🤷♂️🤦♂️
Denis
Коллеги, прошу помочь, ситуация такая
<div className={"someClass"}>
{ this.props.someArray[this.state.index] }
</div>
Вопрос:
Как настроить транзишн (transition) свойство так, чтобы при смене индекса все триггерилось?
Понимаю, что необходимо использовать ReactCSSTransitionGroup, однако не могу добиться результата
Dmitriy
https://user-images.githubusercontent.com/73085/52922583-7d651200-3365-11e9-8dc8-457cae7e829f.png
https://user-images.githubusercontent.com/73085/52925149-2108ef00-3373-11e9-828e-d3aa1da5ce7f.png
Dmitriy
Dmitriy
Может я не так чтото делаю?
Kurzdor
Sergey
Sergey
Bogdan
