Год назад команда реакта представила серверные компоненты (не путать с SSR). Если вкратце, то суть в том, что компонент создается на сервере, сериализуется в хитрый json, отправляется клиенту по http, а клиент десериализует и рендерит его как обычный реакт компонент (тут-то и самое заметное отличие от SSR, который клиенту передает уже готовый html код). Вообще штука прикольная, но как мне кажется не получила особого внимания со стороны сообщества, может отчасти из-за сырого состояние (на то это и демка), а может из-за сложности в реализации и внедрения в проект (ИМХО)

Но как бы там ни было я заинтересовался и подумал, если можно передавать по HTTP, значит можно и по WebSocket. Действительно, почему бы нет, да и работать будет намного быстрее. Попытка переписать их демку на веб-сокеты потерпела поражения, уж очень много там странного и непонятного для меня кода, да и не охота было сильно углубляться в то обилие зависимостей, которые требуются, чтобы все это дело заработало.

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

Я видел статьи, в которых авторы высказывали свое негодование по поводу WYSIWYG редактора Хабра, но я особо не придавал им значения потому, что являюсь только читателем и не пишу статей, а соответственно редактором не пользуюсь. Но вот в последние дни внезапно захотел написать, к тому же такая идея давно посещала меня. Поэтому я решил особо не заморачиваться и начал писать статью прям в редакторе на сайте. Это и была моя фатальная ошибка...

Честно признаться, я даже не мог представить себе насколько ужасный у Хабра редактор. Давно видел новости что его тестируют, внедряют и т.д. и я просто не понимаю как за такой длинные период тестирования и разработки в редакторе может быть НАСТОЛЬКО много багов. Они просто повсюду, на каждом шаге. И это не говоря о том, что редактор сам по себе неудобный

Вы сразу же можете сказать "Так просто не пользуйся им и пиши статью в удобном тебе редакторе". Это имеет смысл, но появляется вопрос ЗАЧЕМ ТОГДА WYSIWYG РЕДАКТОР НА ХАБРЕ?

Вместо пустых слов, я записал небольшие демки, на которых я воспроизвожу баги, которые нашел буквально за 15 минут использования редактора. Также для наглядности я включил показ нажатых мной клавиш. Поехали!