новый движок реактор 

Межстрочный интервал

Кто то писал про проблемы с межстрочным интервалом в новом движке. Это не совсем так, с ним как раз все нормально. Проблема в стилях (на самом деле не совсем). Когда вы нажимаете Enter то создается новый парграф и у каждого параграфа в стилях прописаны дополнительные отступы.

новый движок,реактор

Оранжевым тут отображаются те самые отступы между параграфами. Но как видно предпоследний параграф выглядит вполне нормально. Некоторые WYSIWYG редакторы решают это тем что обнуляют такие отступы, а некоторые при помощи горячих клавиш создают разрыв строки. В случае реактора тут работает второй способ. Shift + Enter переносит на новую строку, но не создает новый параграф. Вопрос только в том как это будет выглядеть при рендере поста, будет ли примянятся то же форматирование.

Чуть позже обнаружил что в меню редактора даже есть такая опция:

новый движок,реактор

Предпросмотр

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

Гиперпрыжки

После закрытия поста/комментов все куда то улетает и возникает вопрос: "WTF? Где я?". Обычно в таких случаях добавляют более плавный скрол чтобы пользователи видели что происходит.

Например при помощи scroll-behavior: smooth;

Темы: Светлая/Темная/Сестемная

CSS медиа запрос prefers-color-scheme предоставляет возможность ссылаться на системную тему юзера, чтобы решить какую тему применять. Хейтеры JSа оценят.

Оптимизация

Как не оптимизируй сайт, всегда будут разговоры что нужно быстрее/багатше/зеленее. Сайт работает на фреймворке Next.js. С одной стороны у него много возможностей для ускорения сайта, но не все подходят для сайта вроде реактора где много динамического контента. Из интересного можно отметить server actions, которые дают возможность ранать серверный код. Соответственно можно делать прямые запросы к БД в обход API. Но вожможно это не всем подойдет из-за архитекуры или технических ограничений.

Развернуть