Lemmy Lemmy 4 вересня 2022, 23:13

Новий UJournal UI, перший погляд

При­віт, дру­зі, є апдей­ти. Гар­ні чи ні — ціка­во дізна­ти­ся від вас.

Нови­ни:

  1. Я пере­ро­бив інтер­фейс UJournal на NextJS https://​nextjs​.org/ і Mantine https://mantine.dev/
  2. Зро­бив кар­тку поста де від­обра­жа­є­ться кар­тин­ка у вели­ко­му роз­мі­рі та пра­цю­ють embed з YouTube та Twitter, Vimeo
  3. Зро­бив сто­рін­ку вхо­ду, яка фун­кціо­наль­но працює

Лінк на онов­ле­ну вер­сію: https://earnest-tiramisu-7cffad.netlify.app/

Репо­зі­то­рій з кодом: https://​github​.com/​u​J​o​u​r​n​a​l​/​u​j​o​u​r​n​al-ui

Чому я вирі­шив при­пи­ни­ти сти­лі­за­цію Lemmy і пере­йшов до роз­роб­ки вла­сно­го рішення:

  1. Заплу­та­ний код фрон­то­вої апки Lemmy
  2. Від­су­тність висо­ко-рів­не­вої бібліо­те­ки компонентів
  3. Від­су­тність аде­ква­тної доку­мен­та­ції по Inferno.js
  4. Для робо­ти фрон­та потрі­бен NodeJS сер­вер, а є бажа­н­ня щоб фрон­то­ва апка була ста­ти­кою і могла поши­рю­ва­ти­ся через CDN
  5. Бажа­н­ня пере­йти від вико­ри­ста­н­ня WebSockets на тра­ди­цій­ний fetch(), тому що WebSocket вигля­да­ють не дуже ста­біль­ним ріше­н­ням (помил­ки при дода­ван­ні комен­та­рів, запи­ти без від­по­від­ей тощо) та їх зна­чно важ­че деба­жи­ти ніж зви­чай­ні HTTP-запроси

Які бене­фі­ти я бачу:

  1. Можли­вість роби­ти суча­сний UI з гар­ним UX
  2. Зараз будь який роз­ро­бник з експі­рі­єн­сом у реакті може при­єд­на­ти­ся до про­є­кту (не буде від­ля­ку­ва­ти наяв­ність неду­же задо­ку­мен­то­ва­ної техно­ло­гії) та для того щоб роби­ти кра­си­вий UI не тре­ба мати зді­бно­сті до дизайну
  3. Є гар­на доку­мен­та­ція ком­по­нен­тів та реакт-хуків
  4. Є можли­вість стро­ї­ти фрон­то­ву архі­те­кту­ру яка буде зро­зумі­ла розробникам

Під­су­мую сайд-ефе­кти від напи­са­н­ня сво­єї аплікухи:

  1. Тре­ба біль­ше писати
  2. Ця вер­сія буде більш гну­чка до змін, напри­клад вже можно дуже про­сто додо­ва­ти нові Embed-типи (зараз досту­пні: Twitter, YouTube, Vimeo, Image)
  3. Е біль­ше мате­рі­а­лів і дуже про­сто поча­ти вно­си­ти змі­ни сто­рон­нім програмістам
  4. Мобіль­ну вер­сію буде наба­га­то про­сті­ше зро­би­ти якіснішою

Що ви дума­є­те з при­во­ду цьо­го напрям­ку роз­ви­тку? Ціка­во почу­ти вашу думку.

  • 10
  • 17
  • 22

17 коментарів

  • stopthewar stopthewar 3 роки тому

    Ещё момент. а обя­за­тель­но писать »сего­дня» »7 часов назад» итд? На заре интер­не­та такой хер­ни не было. потом вне­за­пно отку­да то появи­лось и ста­ло неу­до­бно счи­тать, когда имен­но появил­ся пост или ком­мент. »3 дня назад». это что было суб­бо­та или пятни­ца. а »3 года назад» это был апрель или май итд. Youtube осо­бен­но напря­га­ет с этим. ста­ло тяже­ло искать 24 фев­ра­ля и вооб­ще нача­ло вой­ны на кана­лах. »6 меся­цев назад» иди и най­ди какое из деся­ти видо­сов было имен­но в самом начале.

    я коне­чно не настаи­ваю. но может быть удо­бнее будет обычная клас­си­че­ская дата со вре­ме­нем? типа 05.09.2022 15:32. когда скри­ны дела­е­шь потом там вечно на них ото­бра­же­на дата публи­ка­ции как »вче­ра» или »7 часов назад». А когда точно пост публи­ко­вал­ся хз. 

    • 0
    • Lemmy Lemmy 3 роки тому · Автор

      Додав можли­вість пере­клю­ча­ти­ся між від­обра­же­н­ням по клі­ку на дату (якшо ще не пра­цює — тре­ба поче­ка­ти поки задеплоїться): 

      • 0
  • teabag teabag 3 роки тому

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

    • 0
    • Lemmy Lemmy 3 роки тому · Автор

      Дякую, погра­ю­ся з кольо­ром. Також є дум­ка що вона потре­бує доопрацювання

      • 0
    • teabag teabag 3 роки тому

      з білою панель­кою наба­га­то краще

      • 0
    • stopthewar stopthewar 3 роки тому

      а что там с тема­ми? тём­ные коло­ры можно реа­ли­зо­вать будет? 

      а шапка может пусть про­сто уезжа­ет, когда мышей вниз про­скро­ли­ва­е­шь. на мно­гих сай­тах так реализовано

      • 0
  • stopthewar stopthewar 3 роки тому

    дуже гар­но. толь­ко лен­ту бы в сере­ди­ну или куда нибудь влево.

    • 0
    • stopthewar stopthewar 3 роки тому

      спра­ва обычно люби­мый сери­аль­чик висит, либо с пле­е­ра. либо с дру­го­го браузера) 

      в любом слу­чае. пре­кра­сная работа.

      • 0
  • пепсі пепсі 3 роки тому

    Кожен раз я аху­є­ваю, скіль­ки існує тих фрей­мовр­ків для фрон­тенд-js’у… Зараз глянемо!

    • 0
    • пепсі пепсі 3 роки тому

      Так, гля­нув. Вигля­дає гар­но! Я би змі­стив панель з під­сай­та­ми під лого тро­хи до ближ­че до цен­тру і саму стрі­чку вида­чі теж би від­цен­тру­вав, бо вла­сне у мене вигля­дає ось так:

      • 0
    • Lemmy Lemmy 3 роки тому · Автор

      Гар­ні пора­ди! Буду займа­ти­ся пра­вим бло­ком — думаю при цьо­му стрі­чка вже буде по центру.

      • 0
    • пепсі пепсі 3 роки тому

      Але, в будь-яко­му випад­ку, вже такий варі­ант вигля­дає кру­то! + в кар­му точно маєш

      • 0