Никита Кит

Я знаю - это дичь, выделять свой ответ как решение, но вообщем-то я решил найти помощи в репе реакта и меня натолкнули на решение. Я развернул чистый проект и пробовал воссоздать проблему шаг за шагом.
Вообще решение странное. По докам реакта - если ты создаёшь PureComponent, то и по дереву ниже все дочки должны быть PureComponent. Поэтому я не решался пробовать сделать UiWrapper чистым. У меня чекбоксы, кнопки и радиокнопки все обёрнуты в UiWrapper. При этом они наследуются от Component и через shouldUpdate мне их обновлять не пришлось.
Тем не менее на будущее, если кто-то столкнётся с морганием картинок или иконок, мб ему это поможет. На просторах гугла я находил подобные проблемы, но связанные с React Native, а не DOM

Самый простой путь начать выкупать js - это jquery. Поиграйся в песочнице с событиями, погуляй по дому, попереопределяй им стили ну и всякое такое. Неважно что это будет - ставь какую-нибудь несложную цель и пили, потом сложнее выше быстрее, потом на чистом js пробуй. Когда уже начало что-то получаться, проходи уроки learn.javascript.ru и быстро всё расшаришь. Наверное. Если не будешь тупить или делать недельные паузы между занятиями

1) Подрубаем в контекст vue плагин current-device. Я рекомендую его добавлять в прототип Vue. Через Vue install чтоб он всегда был под рукой. Если не шаришь, погугли чёт типа creating plugin Vue.install - там всё просто.
2) Создаём отдельно табы, отдельно аккордеоны. У них должна быть одинаковая модель данных само собой.
3) Создаём обёртку табокордеонов, И под рутом ставим

<template v-if='$device.desktop()'><tabs.../></template>
<template v-else><accordions.../></template>

Вуаля. В зависимости от юзерагента вью зарендерит модель в нужном представлении

Ну конечно, невозможно.
Первая же ссылка в выдаче
https://google.com/?q=plus+before+this+js

https://w3c.github.io/clipboard-apis/#clipboard-ev...
Преобразование строки за тебя можно не гуглить?)

Псевдоклассы

flex-wrap: wrap;
col:first-of-type, col:last-of-type{
это хэдер и футер
width: 100%
}
col:nth-of-type(2), col:nth-of-type(4){
width: указываем в процентах
}
col:nth-of-type(3){
контент
mn-witdh: хиксируем
}

Ну я бы просто разные классы им дал на самом деле

Вообще полной убедительности в этом добиться сложно. В порно-режиме кэш и локальное хранилище всегда пусты. Лучший способ добиться этого, не прибегая к backend - это localStorage.
Click here to see the truth
В нём не следует хранить данные, которые представляют какую-либо ценность. Об этом стоит помнить