inzeppelin 17 мая 2019 в 12:14

Логи фронтенд-разработчика Хабра: рефакторим и рефлексируем

9 мин

15K

Блог компании ХабрHabrNode.JS*VueJS*Проектирование и рефакторинг*

+76

Комментарии 33

deepblack 17 мая 2019 в 12:38

Спасибо, всегда было интересно узнавать подробности о том как устроен Хабр, и как он развивается.
inzeppelin подскажите, в чем созданы схемы? Например вот эта:

схема SSR-CSR

Это какое-то специальное ПО, или это в графическом редакторе нарисовано?

inzeppelin 17 мая 2019 в 12:45

Просто нарисованы в графическом редакторе, магии нет, к сожалению.

perfect_genius 17 мая 2019 в 13:10

Сворачивании веток комментариев даже в плане нет что ли?

AngReload 17 мая 2019 в 18:57

Они уже писали что это в планах. Но похоже что конкретных сроков нет.

ravendyg 1 июн 2019 в 18:10

Мне казалось для хабра уже миллион костылей написали. Вот, например, мой github.com/ravendyg/habr-collapse. Но уверен есть куда лучше, чем эта поделка.

hMartin 17 мая 2019 в 13:43

а что за модель монитора? какой-то он необычно квадратный и толстый)

baragol 17 мая 2019 в 13:48

Это, кажется, старенький Apple Cinema

Boomburum 17 мая 2019 в 13:53

Да, 24" Apple Cinema :) Хотя в остальном в офисе доминируют Делл-ы.

illo 17 мая 2019 в 14:07

Ты ошибся, это 30 дюймовая Apple Cinema ))

Boomburum 17 мая 2019 в 15:41

Точно, 30. 24 у меня дома такая же )

OtshelnikFm 20 мая 2019 в 15:28

«24 у меня дома» — уже))

nemilya 17 мая 2019 в 14:45

Мобильный хабр на Vue — это круто. Изучаю понемногу его, было бы интересно услышать про опыт использования vuejs

inzeppelin 17 мая 2019 в 14:50

Принято. Будем стараться писать больше технических деталей.

newday 17 мая 2019 в 15:26

не рассматривали Nuxt.js?

inzeppelin 17 мая 2019 в 15:50

Серверная архитектура проектировалась довольно давно. Наверное в те времена Nuxt не выглядел достаточно убедительно, а может были и другие причины. В любом случае, сейчас ничего такого не планируем. Если у вас есть опыт переезда Express > Nuxt, расскажите, пожалуйста. Очень интересно будет почитать.

newday 17 мая 2019 в 16:33

опыта переезда нет, но там все достаточно просто, и ваши вопросы с initial state и дублированием запросов там решены из коробки.
АПИ реализуется (переносится в вашем случае) через механизм server middleware, остальное (сам рендеринг и логика фронта) посредством маппинга файловой структуры SFC в vue-router, так же привязывается vuex.
Впрочем все это хорошо задокументировано и снабжено множеством примеров

skymal4ik 18 мая 2019 в 00:57

Релизы приложения выходят очень редко, по крайней мере в Apple Store. Не знаете, с чем связан такой цикл выпуска?

Мне, как пользователю было бы приятнее немного чаще получать апдейты с исправлением багов (привет, Twitter syndication) и новыми функциями (сворачивание веток, возможность просмотра статьи во время написания комментария и т.д.).

В любом случае спасибо за отличное и лёгкое приложение, по пути на работу с утра постоянно читаю.

Boomburum 20 мая 2019 в 01:51

Мобильное приложение, к сожалению, больше не поддерживается.

PavelBelyaev 18 мая 2019 в 02:09

У меня 50 Мегабит и смартфон вроде свежий гэлэкси с8, достаточно мощный. Но хабр этот скелетон показывает секунды 3-4 при пагинации, в бета, в старой версии было раз в 20 быстрее отрисовка, без всяких анимаций в стиле — сейчас я эти квадратики заменю на текст...

inzeppelin 19 мая 2019 в 20:26

Вы имеете в виду, что медленная бета, которая доступна сейчас для тестирования? Или в 20 раз быстрее было пол года назад?

PavelBelyaev 20 мая 2019 в 08:06

Да, бетка, в мобильном браузере, но отключил бету и тоже самое.
Просто всеобщая тенденция такая, недавно заметил с компа что и на сайте dns-shop и в интернет-банке тинькофф, если раньше за доли секунды на обычном html+css отрисовывалось, глазом не заметить, то сейчас оно примерно так же быстро грузится, но первоначально отрисовывается с пустыми квадратиками, а потом по таймауту что-ли через 2-3 секунды эти квадратики заполняются данными. Это издержки реактивных интерфейсов или такая анимация заложена разработчиками, чтобы было красиво?

inzeppelin 20 мая 2019 в 10:25

Квадратики рисуем, чтобы чем-то развлечь пользователя в момент ожидания данных с сервера. Специально для красоты конечно их не показываем.

В остальном, вы правы, реактивные интерфейсы содержат чаще всего много логики. За это нужно платить. Но мы только в начале пути. Уверен, все стабилизируется, и мы найдём правильный баланс между функциональностью и производительностью.

mSnus 18 мая 2019 в 03:58

Все это заставляет грустить о старом добром AJAX+jQuery. Все равно тут нет каких-то #самостоятельных# компонентов типа отдельного окна чата, самообновляющейся ленты новостей и так далее. Раньше возврат к ленте новостей прекрасно кешировался бы броузером, а комментарии не менее прекрасно подгружались бы прямо под статьей по мере надобности, при этом нижние бы грузились, пока пользователь ещё читает верхние…

А сейчас, середине 2019го, показать статический текст и подгрузить комментарии под ним — проблема! Как-то это не укладывается в голове. Я понимаю, когда новые задачи требуют новых решений, но когда надо просто отобразить немного текста ...

inzeppelin 20 мая 2019 в 00:08

Все так. Я с вами согласен. Некоторые даже говорят, мол, «пора валить из фронтенда», но мы пока держимся, настроены оптимистично, верим в законы диалектики и здравый смысл.

В качестве развлечения, хочу вам предложить вот такой «привет» из 2008-го :)