для всех кто этим интересовался, есть два варианта

1) Отключить: enable-reduced-motion в _variables.scss
2) Писать в ручную анимации и т.д

Не пойму в каком формате сервер отдает эту картинку для разных браузеров. этот сервис обещает, что сам определяет какой формат лучше отдать браузеру (смотрит что он потдерживает)
для FF эту картинку он отдает в webp (кажется) браузер хочет сохранить в webp, хотя ответ с сервера content-type: image/webp
в Chrome (по идее) должен быть тоже webp, но хром хочет сохранить в jpg, хотя ответ с сервера тоже content-type: image/webp
в Опере как в Хроме картина.
Чему доверять, тому в каком формате браузер сохранить хочет или ответу от сервера?
Ссылка на картинку:

https://images.prismic.io/unidownloader/923c2121-f72c-4540-b653-8b1d76d0e879_2x-from-opera-catalog.png?auto=compress,format&lossless=1

Я не уверен, но webp возможно не очень хорошо открываются в ОС. Этот формат вроде для браузеров специально сделан, и поэтому он тебе в jpg её предлагает. А если как раз ты открываешь её с браузера который вебпи поддерживает, то сервак суёт именно её, так как она меньше весит и так далее

Привет, народ. А в чем разница между обычным JS и Virtual DOM React? Если по сути оба перерисовывают только то что изменилось

Как-то некорректно ты спросил, скорее правильнее будет в чём разница между обычным Домом и виртуальным, и если коротко - в Реакте виртуальный дом помогает перерендерить конкретные области, что не затрагивает других, которые не были подвержены изменениям

https://habr.com/ru/company/macloud/blog/558682/

Так вроде как JS тоже самое делает? Обычный JS не перерисовывает весь dom если изменился один из элементов, он отрисует только этот элемент и его дочерние. Поэтому мне и интересна в чем разница

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

Насколько я понимаю, у тебя нет рендера при использовании виртуального дома. Просто оттуда кусок берётся и вставляется в настоящий дом

А вообще, лучше почитать мануалы и этому вопросу

Какие например?

Например написать в гугле "что такое виртуал дом и реактивность в фреймворках JS" и открыть первые ссылки на документахи vue или react. Я сам не сильно в этом, с vue только знакомлюсь, поэтому к сожалению более подробно и точно ответить не могу на данный вопрос

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

Если заходить глубже, то:
Virtual DOM во-первых - это концепция программирования, в которой идеальное или «виртуальное» представление пользовательского интерфейса хранится в памяти и синхронизируется с «реальным» DOM с помощью библиотеки, такой как ReactDOM.
В реакте виртуальный дом в свою очередь это представление реального DOM в объекты, которые выходят в древовидную структуру объектов
ReactDOM в свою очередь: React creates a tree of custom objects representing a part of the DOM. For example, instead of creating an actual DIV element containing a UL element, it creates a React.div object that contains a React.ul object. It can manipulate these objects very quickly without actually touching the real DOM
Если ты хочешь понять, как работает VDOM и в чём различия его концепции с обычным ДОМом, как он заставляет делать это, то, сё,  стоит понять сначала, как вообще происходит первоначальный рендер веб страницы:https://developer.mozilla.org/ru/docs/Web/Performance/Critical_rendering_path
Потом, посмотреть, что такое в принципе подразумевает собою vdom и понять его концепцию:https://stackoverflow.com/questions/21965738/what-is-virtual-dom и любой другой запрос на эту тему
После посмотреть, как это реализовано в Реакте, что такое ReactDOM и Fiber к примеру
Ну и скорее всего, ты поймешь как это работает, я вот тоже сам не до конца разбирался с этим, надо будет как нибудь поинтересоваться

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

Но если ты поинтересовался - значит тебя это заинтересовало

Следовательно почему бы и не разобраться

Но не суть в общем, если надо будет - линки выше помогут

Спасибо

Ребят, как подключить jquery к gulp(с модулем webpack, webpack-stream) ? (подключил)