Anonymous
данные, передающиеся с бекенда достаточно конкретно?
Смотря какой бек. Если .net можно сгенерить типы из dto
Anonymous
Вообще в любой ситуации можно попытаться замкнуть типизацию
Anonymous
Другое дело есть разрывы на фронте... Типа при прохождении через normalizr
G.
А что лучше и почему?
Зависит от того, что тебе нужно. В обычном случае PureComponent достаточно
Михаил
Кто-нибудь делал бесконечную ленту на React, порекомендуйте библиотеки?
🤴👷‍♂️🦸‍♂️🧚‍♀️
Михаил
Зачем либы, если можно самому сделать?
Можно, но всегда лучше чем изобретать свой велосипед, можно посмотреть возможно его уже сделали
Михаил
У меня есть пример на вьюхе, могу кинуть
Если не сложно, то буду благодарен
🤴👷‍♂️🦸‍♂️🧚‍♀️
Sergey
Можно, но всегда лучше чем изобретать свой велосипед, можно посмотреть возможно его уже сделали
Универсальные компоненты далеко не всегда настолько универсальны и производительны, чтобы подходить под конкретный кейс. Поэтому часто, гораздо выгоднее написать свою реализацию, под конкретный кейс, с более высокой производительностью
Sergey
Возможно, стоит написать свою реализацию, чтобы разобраться в том, как именно это работает, и сразу же заточить реализацию под свой проект
Sergey
я тоже
Sergey
не работают ui kit'ы
Looch
Ну не будет допустим таже таблица делать делать все что тебе нужно
Looch
В если и будет то это будет монстр
Sergey
Можно делать ui kit или дизайн-систему, но для компании или отдела. Нет смысла шарить библиотеку для всех. Разве что как референс
Anonymous
Не ну че, совсем примитивы можно и в либу
Anonymous
Типо кнопок и инпутов
Frontend Priest
Кто-нибудь делал бесконечную ленту на React, порекомендуйте библиотеки?
Бесконечная лента = конечная + триггер скролла до низа или кнопка "ещё"
🤴👷‍♂️🦸‍♂️🧚‍♀️
Вуе же
Я написал выше, что пример на вуе
Dmitry
https://codepen.io/batchrik/pen/dLqzwV
А если скрол внутри какого-то блока?
🤴👷‍♂️🦸‍♂️🧚‍♀️
А если скрол внутри какого-то блока?
Брать высоту блока, а не документа🤔
Dmitry
Брать высоту блока, а не документа🤔
Да. И это описано внутри. Нужно апи как в flatList rn <FlatList onScrollEnd >
Dmitry
Удобно же
🤴👷‍♂️🦸‍♂️🧚‍♀️
Dmitry
Не понимаю к чему ты ведёшь
К тому что твоя реализация не работает в элементе и так себе выглялит и юзается
Dmitry
Использовали какие либы или сами писали?
https://www.npmjs.com/package/react-infinite-scroll-component
🤴👷‍♂️🦸‍♂️🧚‍♀️
К тому что твоя реализация не работает в элементе и так себе выглялит и юзается
Странные придирки, я просто показал код с логикой в 20 строк как аргумент, что не надо либы тянуть
Looch
Можно круто на генераторах написать инфит скрол 🌚
Frontend Priest
Использовали какие либы или сами писали?
Сам писал, точечное решение заняло часа полтора
Roman
че щас делают, чтоб сабмит форму реактовую не сабмитил? все так же preventDefault?
Roman
такое
Дима
infinite scroll considered harmful
Михаил
Сам писал, точечное решение заняло часа полтора
Исследую вопрос, тоже склоняюсь к тому чтобы самому написать
Andrei
👀
Frontend Priest
react-infinite-scroller
300 строчек старого реакта
Frontend Priest
Точно самому не проще?
Andrei
Ну старый != хуевый
Andrei
Не всегда, точнее
Andrei
Но ты прав бтв
Frontend Priest
Старый = скорее всего, на новом будет меньше строчек
Andrei
Посмотрел
Andrei
А что там старого то
Vladyslav 🍉
Добрый вечер, подскажите пожалуйста, как в react-redux реализовать следующую фичу, когда нажимает на клиента из списка слева, который в свою очередь рендериться из json, ну и справа повляется больше информации из json опять таки об этом клиенте конкретно справа
Vladislav
Я бы начал с внедрения typescript. У вас будет гораздо больше контроля над происходящим, отпадут некоторые вопросы
Дима
и появятся новые 🌚
Vladislav
и появятся новые 🌚
Ну не спойлери)
Vladyslav 🍉
Да мне вообще сказали реализовать это с помощью reselect, но так опыта с ридакс не очень много, потому я хотел бы попросить помощи, как это реализовать что не знает
Anton
reselect нужен для оптимизации
Anton
Но не для реализации этого)
Vladyslav 🍉
Оптимизации в плане чего простоты в коде, производительности или еще чего?
Anton
Производительности
Александр
Старый = скорее всего, на новом будет меньше строчек
А ещё старый это вероятно использование deprecated штук типа componentWillReceiveProps и может сломаться
Krits
Подскажите как выести только текущие время и дату? отсюда const date = new Date;
Frontend Priest
Подскажите как выести только текущие время и дату? отсюда const date = new Date;
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Date#JavaScript_Date_instances
Sergey
Ребят в очередной раз с той самой проблемой, может кто-то поможет надеюсь App.js **** componentWillMount() { this.props.fetchVKUser(...); } const mapDispatchToProps = dispatch => { return { fetchVKUser: (payload, openPopup) => { dispatch(fetchUser(payload, openPopup)); }, } }; const mapStateToProps = state => { return { user: Selectors.getUser(state), .... } }; render() { return( <Profile router={ router } user={ user } ) } Profile.js *** render() { <ProfileForm router={ router } user={user}/> } ProfileForm.js *** state = { formSubmit: false, name: this.props.user.firstName || '' ... } render() { <Input type="text" top="Имя" name="name" value={ name || '' } onChange={ this.onChange } /> } *** Небольшой кусочек, для понимания У меня сначала объявляется стейт, а потом уже приходят пропс, и стейт не обновляется, что можно сделать?
Александр
Что за ошибка то
Frontend Priest
вроде как текст ошибки написан, в чём проблема?
Frontend Priest
Намекаю ещё раз: суть ошибки написана. Внутри красного поля. Того, которое ты скинул. Если прочитать, что там, можно найти намёк на способ исправления ошибки.
Aram
Попробуй засунуть в сервак
Aram
Расскажи что ты делал
Dmitriy
Оффтопчик . Как заставить форматер или линтер мерять длинну строки юзаемого реакт элемента и решать стоит ли переносить на отдельные строки атрибуты ?
DErek
Всем привет.!!! Может кто подскажет хорошие курсы для профи в сети по REACT, желательно REACT HOOKS, что бы с последними фишками, только не для начинающих , а для профи ? Благодарю.!!!