Event - твой тип?

Ебат, вам говорю что любой инструмент имеет место быть в разработке, а вы - ФСЕ ГАВНО, Я ЗНАЮ, ЩА ВЕНТИЛЯТОР ПРИНЕСУ И КААААК ВСЕ ОБОСРУ

Всем привет. Пишу на ts. Ругается на *ev.target.scrollHeight - Object is possibly 'null'.* Дело в Event или надо как-то указать тип для target? handleScroll = (ev: Event) => { const scrollEnd = ev.target.scrollHeight - ev.target.offsetHeight };

ты в вызов своего handleScroll передаешь ивент ?

Всем привет. Пишу на ts. Ругается на *ev.target.scrollHeight - Object is possibly 'null'.* Дело в Event или надо как-то указать тип для target? handleScroll = (ev: Event) => { const scrollEnd = ev.target.scrollHeight - ev.target.offsetHeight };

да el.addEventListener('scroll', this.handleScroll)

А чё за событие слушаешь? Есть же всякие ClickEvent, MouseOverEvent....

Что за таргет у скроллэвента?

Кто-нибудь может подсказать плюсы, пользу и , вообще, мотивацию использования порталов?

Кто-нибудь может подсказать плюсы, пользу и , вообще, мотивацию использования порталов?

Ничосе какие люди)

Кто-нибудь может подсказать плюсы, пользу и , вообще, мотивацию использования порталов?

Плюсы — можно рендерить компоненты в произвольные ноды. Минусы — нет никаких альтернатив.

render(document.querySelector('...'))

Удобно прокидывать в роуты и передать с урлом новый компонент

Забыл добавить «без потери контекста». Подловил)

Всем привет! Вопрос не совсем по Реакту, а по JS. Как мне из массива такого типа: [{ property: "name", value: "andrey"} , {property: "city", value: "moscow"}] Получить один объект с перечислением свойств? { name: 'andrey', city: "moscow" }

Всем привет! Вопрос не совсем по Реакту, а по JS. Как мне из массива такого типа: [{ property: "name", value: "andrey"} , {property: "city", value: "moscow"}] Получить один объект с перечислением свойств? { name: 'andrey', city: "moscow" }

arr.reduce((result,item)=>({...result, [item.property]: item.value}),{})

arr.reduce((result,item)=>({...result, [item.property]: item.value}),{})

Так кстати лучше не делать :)

А почему?

https://www.richsnapp.com/blog/2019/06-09-reduce-spread-anti-pattern

Да из-за спреда, потому что это скрытая итерация

https://www.richsnapp.com/blog/2019/06-09-reduce-spread-anti-pattern

arr.reduce((result,item)=>({...result, [item.property]: item.value}),{})

Для его кейса норм, там даже в статье написано, что преждевременные оптимизации — зло

не вижу проблем сразу писать без антипатерна в рамках v8

вообще странный подход - зачем на каждом этапе создавать новый объект - когда reduce подразумевает мутацию аккумулятора (так задумано), и он собстенно инстанцируется новым объектом как правило (это уже на совести программиста) Если ругается ESLint то не грех тут воткнуть и /* eslint-disable no-param-reassign */ или плагин к вашим услугам https://www.npmjs.com/package/eslint-plugin-no-param-reassign-allow-reduce потому как в этом случае это шиза, и вопрос уже не раз поднимался - но никакие аргументы не убедительны... сейчас еще на использование Proxy это аффектит... но воз и ныне там.

не вижу проблем сразу писать так, как написали выше

кто нибудь писал под IE11? Object doesn't support property or method 'repeat' вот такая ошибка и никуда не уходит прописал метод отдельно и все равно ничего не работает

код-то есть?

Проект большой, ошибка происходит при логине на определенных ролях прикол в том, что в проекте нигде этот метод и не используется

Возможна этот метод где-то юзает какая-то библиотека + у объекта нет изначально такого метода

метод прописан отдельно и подключен к индекс.джс, если его где нибудь использовать, то он прекрасно работает

Так это ты на строке вызываешь ?

Всем привет! Я недавно перелез с Ангуляра на Реакт в работе и теперь возникают небольшие вопросы по поводу некоторых паттернов в самом реакте. Помогите разобраться - есть необходимость использовать абстрактный класс и наследование, но почитав статьи почти все говорят, что наследование лучше в Реакте не использовать в принципе. Как лучше перенести такой кейс в функциональные компоненты или лучше оставить в виде классов? Самой простой пример будет class AbstractNode { constructor() { this.id = 0; this.text = 'node'; } } class ActionNode extends AbstractNode { constructor() { super(); this.text = 'action' } }

тестил на строке

Бери лучше corejs и все, не делай сам полифиллы + возможно у тебя код который требует метод repeat запускается раньше

а реакт тут причем?

Возможно не совсем правильно сформулировал вопрос. Если использовать функциональные компоненты, то как представить такую конструкцию в принципе? Про ангуляр написал, потому что там в основном все таки используются классы, нежеди чем в реакте, где топят за функциональный подход

а из corejs что именно брать нужно? сейчас вот так import 'core-js/stable';

а из corejs что именно брать нужно? сейчас вот так import 'core-js/stable';

так не ясна цель, что сделать-то предполагается?

Реакт не советуют использовать наследование в компонентах в принципе. Как такую конструкцию с абстрактным классом представить без наследования? передавать значения через props?

Реакт не советуют использовать наследование в компонентах в принципе. Как такую конструкцию с абстрактным классом представить без наследования? передавать значения через props?

реакт занимается рендером, что передают, то он и выводит, не нужно запихивать туда больше логики чем нужно для рендера

Привет, а как мне в spa отдавать sitemap который генерит бэк?

настроить роутинг на бэке?

А это при чем тут?

речь про файл?

Да

ну вебсервер пусть его и раздает, причем тут spa?

Файлик должен лежать в папке public рядом с index.html, если не ошибаюсь

зависит от сервера, файл может вообще нигде не лежать, а генериться в любом случае spa и реакт тут явно ни при чем

Здравствуйте! Я обычно собирал данные с полей формы таким образом (на картинке). Подскажите пожалуйста, как мне осуществлять сбор данных с инпутов, если я использую хуки и функциональные компоненты?

я тут пытаюсь протестировать форму логина и мне выдалось сообщение выше. я правильно понимаю - jest запускает один этот файл вне контекста остальных? соответственно он думает, что роутера нет. если нет, то почему тогда эта ошибка выводится? если да, как можно запускать тесты в контексте всего приложения? нужно ли как-то скомпилировать приложение перед этим? если какие инструкции?

ну у тебя же в тесте написано «отрендерить <SignIn />», там не написано «отрендерить приложение с компонентом SignIn», у тестового движка даже возможности нет узнать, что за пределами этой формы — ты же только её рендеришь запускать тесты в контексте всего приложения не нужно — это не юнит-тестирование (для которого обычно используют jest). либо заверни тестовый рендер в инстанс роутера, либо пиши компоненты так, чтобы они не зависели от внешней среды

последнее, я так понимаю, невозможно?

обычно последнее — главная цель в проектировании компонентов степень достижимости зависит от обстоятельств, задач и радиуса кривизны рук

избавиться можно (google «dependency injection»), но не факт, что нужно ищи компромисс между полнотой покрытия тестами, заворачиванием в роутер и инъекцией