Andrey
Может мы говорим об одном и том же, только разными терминами?)))
🤷🏻‍♂️ я вон даже кодом пример привел) о каких рельсах может идти речь, при юзании тех же санков - я не знаю, учитывая, что, как раньше сказали, - это 14 строк окда
King Of
Ребят, разработчики . У кого как оценивается работа на работе? Все на окладах сидят или у кого-то есть KPI?
Danila
если на работе KPI - беги оттуда )
А если ещё и работать надо - то точно тикай
artalar
да в какой плагин то санки - просто инструмент для сайд эффектов я не понимаю, в чем там рельсовость
Проблема в том что используя санки часто в них же логику и описывают
artalar
Ну как “проблема”. Все зависит от приложения, целей, архитектуры.. Вот этих всех абстрактных вещей
Andrey
Ну как “проблема”. Все зависит от приложения, целей, архитектуры.. Вот этих всех абстрактных вещей
ну тут единственный профит, как мне видится - портабельность на любой другой инструмент) (чем в целом никто и никогда не воспользуется)
artalar
ну тут единственный профит, как мне видится - портабельность на любой другой инструмент) (чем в целом никто и никогда не воспользуется)
Чем проще портировать код, тем проще его тестировать. Это друг из друга вытекающие понятия
artalar
А тестировать нормально важно 🙂 Ну опять же, зависит от бизнеса тоже...
artalar
Adv0cat
Во, пасиба вам, особенно @artalar пазлик сошелся, я узнал что хотел))
Anonymous
Вопрос по скриптам в реакте есть После использования любого логического оператора перестаёт работать скрипт из index.js или data-wh-rename-link="true" фиг пойми. Кто знает из-за чего
Anonymous
Лосось
ребят, привет. Чем рендерить пдф в браузере? подскажите либу
artalar
ребят, привет. Чем рендерить пдф в браузере? подскажите либу
В отдельном окне по ссылке открываете - браузер сам отрендерит
Лосось
В отдельном окне по ссылке открываете - браузер сам отрендерит
не мне именно рендерить его не в отдельном окне нужно
Andrei
работал кто с gesturechange ивентом для зуминга? как правильно его нормализовать, чтобы он так часто не вызывался
Andrei
он работает раз в 5 медленее, чем зуминг с помощью колесика
Nikita
Ребята, только начал изучать тестирование компонентов. Подскажите как правильно проверить отрендерился ли компонент если значение пропса больше 0. В ф-ции it мне надо проверить компонент на наличие разметки. Я вот написал свое решение но сомневаюсь что оно правильное
Nikita
вот такой JSX надо проверить
🐙
вот такой JSX надо проверить
Используй снапшоты
Nikita
https://jestjs.io/docs/ru/snapshot-testing
спасибо за совет, сейчас изучу
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
Учти, это экспериментальное API))
там как бы поддержка полная (кроме IE) и легко полифилится
🐙
так у него статус Working Draft
Daniil
И поддержка всех современных браузеров
Daniil
89%
Mr.Napcae
Кто сталкивался с ( 'key' is defined but never used no-unused-vars ) eslint - простой перебор обьекта ( for (let key in file) { )
I
Кто сталкивался с ( 'key' is defined but never used no-unused-vars ) eslint - простой перебор обьекта ( for (let key in file) { )
в цикле не испуользуется key, линтер ругается. Зачем тогда вообще тут for in?
Mr.Napcae
мне нужно перебрать обьект и по ключу добавить в массив ?)
Mr.Napcae
всеравно ошибка
I
const key
здесь ругается на неиспользование, а не на неизменение
Vitaliy
Как изменить бекграунд ьmaterial UI Button через проперти компонента?
S
Есть массив в котором много обьектов, внутри них ещё обьекты? Как вы изменяете обьекты когда такая вложенность в redux. Пока что нашел immutability helper, кроме него слышал делят редюсеры и привязывают их к каждому объекту, что посоветуете?
Vladimir
Лучшая либа для CSS in JS в 2019?
Kevin
Да вроде ничего не поменялось пока
Vladimir
styled?
Vladimir
О, я как раз про нее и хотел спросить. Название забыл) Спасибо
Vladimir
А чем она лучше styled-components?
Vladimir
Звезд мало, комьюнити мало. Не хотелось бы взяться на то что возможно забросят
🐏 Alexander
Vadim
А чем она лучше styled-components?
тем, что не в рантайме работает
Kevin
тем, что не в рантайме работает
Тогда чем оно лучше линарии и астротурфа
Vadim
наверно у них есть сравнение
444
Привет! Кто-нибудь встречался с тем, что фотографии, загруженные айфоном в input type='file' сохраняются ГОРИЗОНТАЛЬНО? Флип происходит почему-то
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