King Of
Ребят, разработчики . У кого как оценивается работа на работе? Все на окладах сидят или у кого-то есть KPI?
Adv0cat
Andrey
artalar
Andrey
artalar
Ну как “проблема”. Все зависит от приложения, целей, архитектуры.. Вот этих всех абстрактных вещей
Adv0cat
artalar
artalar
А тестировать нормально важно 🙂
Ну опять же, зависит от бизнеса тоже...
Andrey
artalar
Adv0cat
Во, пасиба вам, особенно @artalar пазлик сошелся, я узнал что хотел))
Anonymous
Вопрос по скриптам в реакте есть
После использования любого логического оператора перестаёт работать скрипт из index.js или data-wh-rename-link="true" фиг пойми. Кто знает из-за чего
Anonymous
Лосось
ребят, привет. Чем рендерить пдф в браузере? подскажите либу
Лосось
artalar
Andrei
работал кто с gesturechange ивентом для зуминга? как правильно его нормализовать, чтобы он так часто не вызывался
Andrei
он работает раз в 5 медленее, чем зуминг с помощью колесика
Nikita
Ребята, только начал изучать тестирование компонентов. Подскажите как правильно проверить отрендерился ли компонент если значение пропса больше 0. В ф-ции it мне надо проверить компонент на наличие разметки. Я вот написал свое решение но сомневаюсь что оно правильное
Nikita
вот такой JSX надо проверить
🐙
🐙
Nikita
Artem
ребят, есть ли у кого-то на примете, примерчик с реализацией Infinity-scroll? по прокрутке окна вниз, буду отправлять новый запрос (Fetch).
🐙
Определяем видимость элемента с IntersectionObserver
IntersectionObserver это новый браузерный API, позволяющий асинхронно следить за степенью пересечения элемента с вьюпортом или другим элементом. С его помощью можно определить, виден ли элемент на экране, если виден, то насколько (целиком или частично), а также когда именно он оказался виден. Пример того, где это может потребоваться — модуль для ленивой загрузки картинок.
Недавно на работе была задача залогировать событие просмотра блока на сайте. Я как представил, что нужно подписываться на событие скролла и вручную считать, входит ли элемент целиком во вьюпорт... А затем вспомнил про IntersectionObserver, прочитал документацию и обрадовался, потому что с ним задача решается гораздо проще и красивее:
const observer = new IntersectionObserver(handleIntersection, {
root: null, // отслеживаем пересечение с вьюпортом, а не с элементом, поэтому null
threshold: 1 // порог видимости, при котором сработает обзёрвер; 1 означает полную видимость, 0.5 означало бы 50% видимости
});
observer.observe(document.getElementById('target'));
function handleIntersection(entries) {
// Обзёрвер срабатывает в том числе когда элемент скрывается из вьюпорта, поэтому нужна дополнительная проверка
if (entries[0].intersectionRatio === 1) {
logBlockView();
}
}
IntersectionObserver поддерживается в последних версиях Chrome, Edge и Firefox, для остальных браузеров есть полифил (6.6 КБ в минифицированном виде). Подробнее об IntersectionObserver на MDN.
Artem
Определяем видимость элемента с IntersectionObserver
IntersectionObserver это новый браузерный API, позволяющий асинхронно следить за степенью пересечения элемента с вьюпортом или другим элементом. С его помощью можно определить, виден ли элемент на экране, если виден, то насколько (целиком или частично), а также когда именно он оказался виден. Пример того, где это может потребоваться — модуль для ленивой загрузки картинок.
Недавно на работе была задача залогировать событие просмотра блока на сайте. Я как представил, что нужно подписываться на событие скролла и вручную считать, входит ли элемент целиком во вьюпорт... А затем вспомнил про IntersectionObserver, прочитал документацию и обрадовался, потому что с ним задача решается гораздо проще и красивее:
const observer = new IntersectionObserver(handleIntersection, {
root: null, // отслеживаем пересечение с вьюпортом, а не с элементом, поэтому null
threshold: 1 // порог видимости, при котором сработает обзёрвер; 1 означает полную видимость, 0.5 означало бы 50% видимости
});
observer.observe(document.getElementById('target'));
function handleIntersection(entries) {
// Обзёрвер срабатывает в том числе когда элемент скрывается из вьюпорта, поэтому нужна дополнительная проверка
if (entries[0].intersectionRatio === 1) {
logBlockView();
}
}
IntersectionObserver поддерживается в последних версиях Chrome, Edge и Firefox, для остальных браузеров есть полифил (6.6 КБ в минифицированном виде). Подробнее об IntersectionObserver на MDN.
Спасибо!
🐙
Спасибо!
Учти, это экспериментальное API))
Andrey
Daniil
🐙
так у него статус Working Draft
Daniil
И поддержка всех современных браузеров
Daniil
89%
Mr.Napcae
Кто сталкивался с ( 'key' is defined but never used no-unused-vars ) eslint - простой перебор обьекта ( for (let key in file) { )
I
Mr.Napcae
мне нужно перебрать обьект и по ключу добавить в массив ?)
Alexey
Mr.Napcae
всеравно ошибка
I
const key
здесь ругается на неиспользование, а не на неизменение
Vitaliy
Как изменить бекграунд ьmaterial UI Button через проперти компонента?
S
Есть массив в котором много обьектов, внутри них ещё обьекты? Как вы изменяете обьекты когда такая вложенность в redux. Пока что нашел immutability helper, кроме него слышал делят редюсеры и привязывают их к каждому объекту, что посоветуете?
Vladimir
Лучшая либа для CSS in JS в 2019?
Kevin
Да вроде ничего не поменялось пока
Vladimir
styled?
🐏 Alexander
Kevin
Vladimir
О, я как раз про нее и хотел спросить. Название забыл) Спасибо
Vladimir
А чем она лучше styled-components?
Vladimir
Звезд мало, комьюнити мало. Не хотелось бы взяться на то что возможно забросят
🐏 Alexander
Vadim
Vadim
Vadim
наверно у них есть сравнение
Kevin
Anonymous
444
Привет! Кто-нибудь встречался с тем, что фотографии, загруженные айфоном в input type='file' сохраняются ГОРИЗОНТАЛЬНО? Флип происходит почему-то
Vadim
Hlib
Всем ку, изучаю сейчас работу с Аполло.
Есть вот такая мутация:
Hlib
Hlib
Подскажите пожалуйста, что я должен отправить в input (testData), чтобы обновить title в мутации со скрина выше?
Hlib
Hlib
Cenator 🐈
{ email, profile: { … } }
Cenator 🐈
Не стоит сокращать graphql до gql, так у тебя подсветка кода пропадает
Hlib
Я ведь могу обновить только одно поле?
Так в доке указано… (по поводу подсветки)
Cenator 🐈
Любое количество полей из объекта profile
Hlib
А поле email - обязательно обновлять?
Cenator 🐈
Передавать обязательно, насчет обновления хз, зависит от внутренней реализации
Cenator 🐈
Наверное надо текущее передавать
Cenator 🐈
Интересно только зачем там айди тогда
Hlib
@itsjohncena наверно что-то не так сделал (скрин ниже, через 30 сек):
Cenator 🐈
Если это не админка, то айди (и возможно емейл) надо убрать и вытаскивать из сессии на бэке
Hlib
Hlib