Всем привет!
Есть проблема стака fetch реквестов. Есть чат в котором несколько диалогов, при клике на диалог изменяю в сторе занчение текущего чата, в componentDidUpdate проверяю обновилось ли значение текущего чата и делаю запрос на сообщения для этого диалога, проблема в том если прыгать по диалогам, то он соответственно будет делать несколько запросов на сервак, из за этого нужные сообщения подгружаются долго.
Пробовал делать abort для fetch с помощью AbortController, но он отменяет и все последующие реквесты как я понял. Как можно попробовать решить эту проблему?
Нуэээ можно хранить в стейте все диалоги и рисовать нужный
Frontend Priest
🦜
Нуэээ можно хранить в стейте все диалоги и рисовать нужный
тут скорей не про рисовать, а про ненужные запросы
Frontend Priest
А очереди фетчей неплохо контролируются сагами
Frontend Priest
(если у вас редакс)
Tigran
тут скорей не про рисовать, а про ненужные запросы
Да, когда скачешь по диалогам, то получается сразу несколько ненужных запросов, и приходится ждать результат последнего нужного
Frontend Priest
(если нет, придумайте что-то сами)
Baimurzin
Добрый день народ. у меня вопрос. хочу узнать можно так сделать в реакте, у меня есть api, я сделал api для бэка, он состоит из ключей и значении к нему. могу ли на реакте использую только данные из api, например сохранять ключи в локальную базу того же браузера, и проверять при обновлении если есть в базе ключ то пропускать если нету то создавать компанент и сделать уведомление что появился новая например вешь. и запускаться это все будет через кнопку, пока она активна идет постоянное обновление api и работа с локастранч(вроде так наз)
Ivan
а остальное все, как описали
Ilia
Ребят,могу ли я так списки рендерить? export const List = ({list, children}) => {
return (
list.map(item => {
React.createElement(Ul, {}, <children item={item}/>)
})
)
}; (Props я позже добавлю)
Oyatullo
ребята
Oyatullo
изза чего это
Nikolai
Invalid hook call. Hooks can only be called inside of the body of a function component.
Ошибка ругается на react-redux connect, который используется внутри внешнего npm модуля. Если компонент перенести внутрь проекта, все ок. Кто нибудь знает как решить?
Oyatullo
Expected onChange listener to be a function, instead got a value of object type.
Oyatullo
помощь нужна
Ivan
Expected onChange listener to be a function, instead got a value of object type.
Написано, же что onChange ожидает функцию callback
Oyatullo
Expected onChange listener to be a function ,instead got a value of object type
Ivan
а ты ему объект отдаешь
Ivan
либо отдаешь функцию и тут же вызываешь, а она отдает объект.
Oyatullo
нет
Ivan
javascript.ru
Oyatullo
да
Oyatullo
Expected onChange listener to be a function, instead got a value of object type.
Baimurzin
Да, но почему не слушать сокет
Но я не до конца понял как сделать уведомление. Примерно похоже на наливное что был звук и окошко. Можно направить куда копать на реакте
Ilia
OnChange скинь свой
Anonymous
Ребят, стоит ли сначала полностью изучать классовые компоненты со стэйтом, и лишь потом переходить на функциональные с хуками, или сразу сейчас можно изучать функциональные? Как лучше?
Oyatullo
так у
Evgen
Oyatullo
import React from "react";
const SearchBox = (searchfield,searchChange) => {
return (
<div className="pa2">
<input
type = "search"
placeholder = "search robots"
className = "pa3 ba b--green bg-lightest-blue"
onChange = { searchChange }
/>
</div>
)
}
export default SearchBox;
Ilia
onChange=>{()=>searchChange()}
Nikolai
Invalid hook call. Hooks can only be called inside of the body of a function component.
Ошибка ругается на react-redux connect, который используется внутри внешнего npm модуля. Если компонент перенести внутрь проекта, все ок. Кто нибудь знает как решить?
Почему реакт воспринимает connect как хук, когда это хок?
Ilia
попробуй так
Evgen
Для этого сначала классовые стоит изучать, да?
Да без разницы - просто читаешь доку. Это как верстку изучать сначала с строчных элементов, а потом с блочных
500 Internal Server Error
<Modal
description='qwqqqqqqqqweqweqweqweqweqweqweqweqweqweqeqweqweqweqweqweqweqweq'
/>
типа такого.
раздели на 3 переменные
😂😂😂😂
Oleg
Ребят, стоит ли сначала полностью изучать классовые компоненты со стэйтом, и лишь потом переходить на функциональные с хуками, или сразу сейчас можно изучать функциональные? Как лучше?
в идеальном мире с хуков. но так как мы не в таковом, начинай с классов.
500 Internal Server Error
Ребят, стоит ли сначала полностью изучать классовые компоненты со стэйтом, и лишь потом переходить на функциональные с хуками, или сразу сейчас можно изучать функциональные? Как лучше?
до фига проектов на классах сидят, поэтому с классов лучше начать я думаю
Alexander
в идеальном мире с хуков. но так как мы не в таковом, начинай с классов.
Почему на хуках лучше по-вашему?
Oleg
Почему на хуках лучше по-вашему?
ну хз. просто все о них говорят. типа this нет. вроде круто. я просто из-за хайпа на них пишу.
${username}
ребята
Как через девтулз определить название компонента?
matthew
ну хз. просто все о них говорят. типа this нет. вроде круто. я просто из-за хайпа на них пишу.
Самый честный ответ, который я когда либо слышал
Oyatullo
<SearchBox searchChange = {this.onSearchChange}/>
🦜
ребята
Как через девтулз определить название компонента?
если оно есть, то будет написано, если нет,то Unknown
Denis
привет. Есть в реакте какой-нибудь роутер, который может сохранять все внтурненние состояния предыдущего роута? Прокрутка страницы, например, все вот такое
Daniil
Если необходимо запустить React.useEffect(smth, deps), когда все deps имеют значения отличное от undefined, писать только свой useIfEffect?
Daniil
т.е полно дублирование кода, где внутри useEffect стоит проверка !!value из deps, хочется упростить
Daniil
т.е он запуститься, но наш коллбек вызовется внутри if (some(deps, _.identity) { callback() }
Danila
Если необходимо запустить React.useEffect(smth, deps), когда все deps имеют значения отличное от undefined, писать только свой useIfEffect?
Первая мысль сделать через useMemo что-то типа allDepsChanged и уже от него сделать эффект
Daniil
т.е комбайнер useIfEffect будет состоять из useMemo и useEffect
Daniil
супер, не надо городить свои костыли на провреу с .some
Danila
Ну это первая мысль
Daniil
ооок, спасибо за идеи)
Danila
Ща может старшие товарищи чё скажут
Daniil
товарище старшие, разрешите обратиться
Ilia
Ребят.могу ли я так рендерить списки ? export const List = ({list, сhildren}) => {
return (
<Ul>
{
list.map(item => {
return React.createElement(сhildren, {item}, {} )
})
}
</Ul>
)
};
Danila
Если необходимо запустить React.useEffect(smth, deps), когда все deps имеют значения отличное от undefined, писать только свой useIfEffect?
uE( ()=> {}, [[dep, dep1, dep2].every(Boolean)])
Danila
Кстати
Vyacheslav
Ребят.могу ли я так рендерить списки ? export const List = ({list, сhildren}) => {
return (
<Ul>
{
list.map(item => {
return React.createElement(сhildren, {item}, {} )
})
}
</Ul>
)
};
если не секрет в чем сокраменный смысл createElement здесь?
Ilia
В принципе нету))
Ilia
Я вот переделал export const List = ({list, Children}) => {
return (
<Ul>
{
list.map(item => {
return (<Children key={item.id} item={item}/>)
})
}
</Ul>
)
};
Ilia
А в каких случаях рендерить списки круто через creacteElement ?
Vyacheslav
Я вот переделал export const List = ({list, Children}) => {
return (
<Ul>
{
list.map(item => {
return (<Children key={item.id} item={item}/>)
})
}
</Ul>
)
};
еще два ретерна убрать и норм, ток это не имеет смысла выносить в отдельный элемент, как по мне.
Ilia
Почему не имеет смысла?Если я буду разные списки рендерить?Тоесть childe менять?
Igor
Я вот переделал export const List = ({list, Children}) => {
return (
<Ul>
{
list.map(item => {
return (<Children key={item.id} item={item}/>)
})
}
</Ul>
)
};
const List = ({ items, renderItem }) => items.map(item => renderItem(item))
<List
items={[]}
renderItem={(item) => <li>{item}</li>}
/>
Я так обычно делаю
Vyacheslav
Почему не имеет смысла?Если я буду разные списки рендерить?Тоесть childe менять?
ну типа ты выносишь две строчки кода)Ну хз)
Ilia
Ryhor
Такой вопрос, кто сталкивался с проблемой Formik, когда он перерисовывал все, инпуты в форме из-за чего начинли происходить тормоза при наборе текста в инпутах? Если да, то как вы решали ее?
Дмитрий
Dmitriy