Lemmy
Новий UJournal UI, перший погляд
Привіт, друзі, є апдейти. Гарні чи ні — цікаво дізнатися від вас.
Новини:
- Я переробив інтерфейс UJournal на NextJS https://nextjs.org/ і Mantine https://mantine.dev/
- Зробив картку поста де відображається картинка у великому розмірі та працюють embed з YouTube та Twitter, Vimeo
- Зробив сторінку входу, яка функціонально працює
Лінк на оновлену версію: https://earnest-tiramisu-7cffad.netlify.app/
Репозіторій з кодом: https://github.com/uJournal/ujournal-ui
Чому я вирішив припинити стилізацію Lemmy і перейшов до розробки власного рішення:
- Заплутаний код фронтової апки Lemmy
- Відсутність високо-рівневої бібліотеки компонентів
- Відсутність адекватної документації по Inferno.js
- Для роботи фронта потрібен NodeJS сервер, а є бажання щоб фронтова апка була статикою і могла поширюватися через CDN
- Бажання перейти від використання WebSockets на традиційний fetch(), тому що WebSocket виглядають не дуже стабільним рішенням (помилки при додаванні коментарів, запити без відповідей тощо) та їх значно важче дебажити ніж звичайні HTTP-запроси
Які бенефіти я бачу:
- Можливість робити сучасний UI з гарним UX
- Зараз будь який розробник з експірієнсом у реакті може приєднатися до проєкту (не буде відлякувати наявність недуже задокументованої технології) та для того щоб робити красивий UI не треба мати здібності до дизайну
- Є гарна документація компонентів та реакт-хуків
- Є можливість строїти фронтову архітектуру яка буде зрозуміла розробникам
Підсумую сайд-ефекти від написання своєї аплікухи:
- Треба більше писати
- Ця версія буде більш гнучка до змін, наприклад вже можно дуже просто додовати нові Embed-типи (зараз доступні: Twitter, YouTube, Vimeo, Image)
- Е більше матеріалів і дуже просто почати вносити зміни стороннім програмістам
- Мобільну версію буде набагато простіше зробити якіснішою
Що ви думаєте з приводу цього напрямку розвитку? Цікаво почути вашу думку.
Ещё момент. а обязательно писать »сегодня» »7 часов назад» итд? На заре интернета такой херни не было. потом внезапно откуда то появилось и стало неудобно считать, когда именно появился пост или коммент. »3 дня назад». это что было суббота или пятница. а »3 года назад» это был апрель или май итд. Youtube особенно напрягает с этим. стало тяжело искать 24 февраля и вообще начало войны на каналах. »6 месяцев назад» иди и найди какое из десяти видосов было именно в самом начале.
я конечно не настаиваю. но может быть удобнее будет обычная классическая дата со временем? типа 05.09.2022 15:32. когда скрины делаешь потом там вечно на них отображена дата публикации как »вчера» или »7 часов назад». А когда точно пост публиковался хз.
Додав можливість переключатися між відображенням по кліку на дату (якшо ще не працює — треба почекати поки задеплоїться):
мегакруто. дякую
не значаю чи то від того що я бачу цей дизайн вперше, але коли скролю новини то панель зверху дуже виділяється і привертає на себе увагу. можливо вона повинна бути більш блеколою, або мати не такі яскраві кольори
Дякую, пограюся з кольором. Також є думка що вона потребує доопрацювання
з білою панелькою набагато краще
а что там с темами? тёмные колоры можно реализовать будет?
а шапка может пусть просто уезжает, когда мышей вниз проскроливаешь. на многих сайтах так реализовано
дуже гарно. только ленту бы в середину или куда нибудь влево.
справа обычно любимый сериальчик висит, либо с плеера. либо с другого браузера)
в любом случае. прекрасная работа.
Зрозумів, треба ценрувати. Дякую за пораду!
Кожен раз я ахуєваю, скільки існує тих фреймоврків для фронтенд-js’у… Зараз глянемо!
Така ж сама кількість, як і дистрибутивів Linux.
Так, глянув. Виглядає гарно! Я би змістив панель з підсайтами під лого трохи до ближче до центру і саму стрічку видачі теж би відцентрував, бо власне у мене виглядає ось так:
Влучно сказано!)
Гарні поради! Буду займатися правим блоком — думаю при цьому стрічка вже буде по центру.
Але, в будь-якому випадку, вже такий варіант виглядає круто! + в карму точно маєш
Це вау, дякую!