Ruslan Yumakaev
Ребят, привет! Подскажите пожалуйста, получаю по апи список с персонажами, всего их 80, но получаю только 10, так как остальные персонажи находятся на других страницах, как получить остальных 70? Запускать цикл? Мне кажется этот способ слегка отдает колхозом, скажите, есть ли другой способ?
Ruslan Yumakaev
Можно добавить пагинацию, где вы будите говорить сколько элементов списка вы хотите получить
То есть, не нужно колхозить цикл, который будет делать +1 в конец урла?
Kirill
API на беке ты сам пишешь?
Ivan
То есть, не нужно колхозить цикл, который будет делать +1 в конец урла?
если есть возможность сделать метод на бэке — колхозить не нужно
Vladimir
Реакт онли) Делаю проект в портфолио
Это скорее всего какоето публичное апи?
Kirill
тогда почему бы тебе не сделать тоже пагинацию у себя в приложении? Зачем прям всех получать
Максим
swapi.com
Нет такого домена
Ruslan Yumakaev
swapi.co вру
Ivan
Дада
тогда делай пагинацию на фронте любой другой вариант будет костыльным и не очень кошерным для портфолио
Victor
Нет такого домена
swapi.co ) там какой-то пет прожект похоже.
Vladimir
Дада
Думаю у них есть апишка для получения списков с пагинацией
Ruslan Yumakaev
Вообщем, делать пагинацию, спасибо за ответы, комрады)
Ruslan Yumakaev
И такой вопрос, не по теме, это ведь нормально, что я чувствую себя немного туповатым?)
Iaroslavna
всем привет, помогите пожалуйста, может кто сталкивался. есть реакт компонент, который содержит в себе ещё целую иерархию подкомпонентов. Нужно отловить клик вне родительского компонента. написала HOC который оборачивает child в div и этому div присваивает wrapperRef. собственно, то, кликнул пользователь где-то внутри родительского или за его пределами определяется вот таким условием: if (wrapperRef.current && !wrapperRef.current.contains(event.target)) (т.е. что div, на который я вешаю wrapperRef внутри себя не содержит event.target) Все работает хорошо, НО! При клике на InputAdornment поля TextField библиотеки material-ui wrapper ref =null и как следствие => т.к. родительский див не определен, а поиск внутри него через contains не возможен, то и все клики распознаются как сделанные вне контейнера. В чем может быть проблема?
Iaroslavna
Без 100 грамм и примера на codesandbox не разобраться :(
понимаю, создам на досуге, думала, может быть кто-то решал прям что-то похожее и сходу скажет что-то вроде "это баг библиотеки беги оттуда"
Vladimir
всем привет, помогите пожалуйста, может кто сталкивался. есть реакт компонент, который содержит в себе ещё целую иерархию подкомпонентов. Нужно отловить клик вне родительского компонента. написала HOC который оборачивает child в div и этому div присваивает wrapperRef. собственно, то, кликнул пользователь где-то внутри родительского или за его пределами определяется вот таким условием: if (wrapperRef.current && !wrapperRef.current.contains(event.target)) (т.е. что div, на который я вешаю wrapperRef внутри себя не содержит event.target) Все работает хорошо, НО! При клике на InputAdornment поля TextField библиотеки material-ui wrapper ref =null и как следствие => т.к. родительский див не определен, а поиск внутри него через contains не возможен, то и все клики распознаются как сделанные вне контейнера. В чем может быть проблема?
В силу свой тупости, я мало что понял, но у видел слова ref и HOC и на ум пришло вот это - forwardRef
Александр
Так сказать будущее React разработки. https://habr.com/ru/company/inobitec/blog/481288/
Looch
> redux > будещее реакт разработки
Александр
Ничего странного по-моему нет
Алексей
> redux > будещее реакт разработки
ну никто не обещал, что будущее будет светлым
Looch
ну никто не обещал, что будущее будет светлым
я бы сказал что его вообще не будет
Vladimir
чем собственно redux плох?
Алексей
а чем он хорош то?
GoDenis
а какие есть альтернативы? ))
Алексей
а какие есть альтернативы? ))
да миллион альтернатив, тебе тут расскажут
Vladimir
а чем он хорош то?
Как минимум не красиво отвечать вопросом на вопрос, я в работе его использую и как то не жалуюсь, пробовал моб икс, редакс ближе оказался
GoDenis
спасибо. а что наиболее производительное?
GoDenis
Mobx, Effector, Reatom
то есть все они равны по производительности?
アレクサンダー・バキマトフ
Алексей
Как минимум не красиво отвечать вопросом на вопрос, я в работе его использую и как то не жалуюсь, пробовал моб икс, редакс ближе оказался
"Не жалуюсь" - это не ответ на вопрос чем он хорош, а если отвечать на вопрос чем он плох, то слишком много писать придётся. Если в кратце, то нужна целая куча либ, чтобы довети редакс до более-менее юзабельного состояния. Не просто что-то улучшить или решить какую-то особую проблему, а тупо чтобы заюзать редакс в чём-то сложнее туду листа. Чтобы были нормальные селекторы, редьюсеры, экшены, модульность, асинхронщина и так далее.
アレクサンダー・バキマトフ
Тимофей 🛴
Так сказать будущее React разработки. https://habr.com/ru/company/inobitec/blog/481288/
И это кстати прошлое redux-act и immer юзал где то года 2 назад
アレクサンダー・バキマトフ
так же как и reselect
Тимофей 🛴
Tim
Если редакс такоего говно, то почему все остальное не взлетело до сих пор ?
Алексей
Если редакс такоего говно, то почему все остальное не взлетело до сих пор ?
Потому что качество и популярность какой-либо технологии редко коррелируют.
Roman
И это кстати прошлое redux-act и immer юзал где то года 2 назад
так никто ж не говорит, что редакс-кит это придумал. это "настройки по умолчанию", собранные из кубиков
Александр
Именно поэтому реакт не является фреймворком. Это расширяемая до размеров фреймворка библиотека. И каждый разработчик выбирает инструмент, который более удобен или просто нравится.
Daniil
Тулкит как раз таки решает проблему сложного использования redux.
Если добавить приправы к плохому блюду, блюдо от этого хорошим станет 🙃
Roman
Если добавить приправы к плохому блюду, блюдо от этого хорошим станет 🙃
если оно было плохим только из-за отсутсвия приправ - то очень даже станет)
Александр
Если добавить приправы к плохому блюду, блюдо от этого хорошим станет 🙃
А если мне нужно именно плохое, а не приправленное не нужными специями. Redux маловесная либа, содержащая минимум функций. Если функций нужно больше, то пользуйтесь на здоровье другими инструментами.
darkwoolf
Привет,всем у меня маленький вопрос по React.js, что юзать вместо componentDidMount, componentWillMount?
Артем
функциональный компонент? useEffect()
Yury
как раз сегодня скидывали 😊
darkwoolf
функциональный компонент? useEffect()
Не, класовые, мне уже посоветовали getDerivedStateFromProps
Алексей
Просто не используешь их и всё.
Почему то большие любители разбиения всего и вся на микропакеты забывают об этой возможности.
Алексей
Хотя, в том же redux toolkit содержится такой маст хэв, что сложно себе представить ситуацию, в которой это окажется не нужным.
Maxim
Хотя, в том же redux toolkit содержится такой маст хэв, что сложно себе представить ситуацию, в которой это окажется не нужным.
Ты хоть что то кроме редакса смотрел? Потому что просто кажется что ты не знаешь как у других и слепо защищаешь его
Алексей
И опять же, прицип размышления "а если мне это будет не нужно" не очень хороший. А нужно мыслить вот так: "а как мне сделать так, чтобы в большинстве случаев я мог быстро, без боли, зоопарка и кучи бойлерплейта сделать типовую функциональность".
🤴👷‍♂️🦸‍♂️🧚‍♀️
Привет. Подскажите если у меня SSE юзается, то мне стоит юзать useMemo чтобы избежать лишних рендеров?
Maxim
Видимо я не вьежаю уже кто за а кто против
Dmitry
Ребят, всем привет, пытаюсь валидировать Formik через Yup на массив чисел больше 0
🤴👷‍♂️🦸‍♂️🧚‍♀️
если ререндер тяжелый и бесполезный, то да
Ну в ответ объект с ~15 полями, много?
Maxim
Dmitry
🤴👷‍♂️🦸‍♂️🧚‍♀️
А поля с какими данными
Статичный текст и пара полей, которые динамичные и надо за ними следить
Эльдар
если выбрать одну книгу перед погружением в реакт, это хороший выбор? (помимо learn.javascript.ru)
Александр
React в действии Автор: Томас М.Т. Год издания: 2019 Скачать книгу #React #русский #middle
Ivan
Ух ты. Уже книги по реакту такие красивые и модные
Artem
Как изобразить такой цикл, не используя for?