Створити

Розробка UJournal UI (7 вересня)

Окідокі. Привіт! Сьогодьнішній апдейт. Сьогодні я займався додаванням можливості ставити постам рейтинг. Вийшло, на мою думку, классно, розкажу подробиці як воно працює:

Увесь код фронтової апки побудований на Реакт-хуках. Я у свій час був адептом Redux-way розробки, але згодом поміняв своє бачення цього світу і плотно підсів на хуки. Тепер хуки для мене це мікроскоп, яким я забиваю усе підряд, у тому числі і цвяхи. Жартую. Або ні?

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

Також зробив щоб працювало сортування по кнопках зліва:

І переходи по кнопках спільнот:

Також прикольний (чи ні?) сайд-ефект: фільтр вміє працювати в середені спільноти. Нужно воно чи ні? Скажіть свою думку.

Про редагування поста. Дописав трохи алгоритм конвертації Markdown > EditorJS > Markdown, стало ще стабільніше. Але створення посту ще не доробив. Вирішив трохи відволіктися, бо учора дуже напружувався над редактором, треба було трохи відпочити від цього розділу.

Також додав підтримку ембедів з SoundCloud та Spotify. Сторінка музики виглядає, на мою думку, прикольно. Булоб зовсім круто зробити щоб ембеди з цього розділу згорталися у маленьке віконичко як на ТЖ.

На сьогоді це все. Завтра буду працювати над створенням та редагуванням поста і ще над коментами. А до вас прохання: потестуйте поточну версію, пишіть баги, буду дивитися. Дякую! Приємно що ви спілкуєтеся та користуєтеся сайтом та слідкуєте за розробкою! Це мотевує! Нагадую...

Лінк на поточну версію UJournal: https://earnest-tiramisu-7cffad.netlify.app/

Лінк на рєпу UJournal UI: https://github.com/uJournal/ujournal-ui

До завтра! :)

19 коментарів

Увійдіть, щоб коментувати.
Оцінити
Поскаржитись

А це тільки в мене зустрічається баг, коли при відправці нескінченна загрузка, після F5 все таки пост/коментар з'являється?

Оцінити
Поскаржитись

У цієї версій такий баг. Подивимося чи можна його виправити.

Оцінити
Поскаржитись

Це у всіх

Оцінити
Поскаржитись

доречі, закинеш статтю на тж?

Оцінити
Поскаржитись

мені здається що це зайве

Сайд-ефект від того що стрічка у нас динамічно оновлюється - після голосування пост відразу займає свою закону позицію.

типу пост переїде кудись угору або вниз, і потім ти будеш скролити і побачиш його знову, як на мене, найпростіше і найкраще щоб пости переміщувались тільки коли ти обновляеш сторінку

Оцінити
Поскаржитись

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

Оцінити
Поскаржитись

На даний момент можливості активувати темну тему немає, так?

Оцінити
Поскаржитись

У UI Kit який я використовую є підтримка темної теми і доволі класна. Зацінити можна тут: https://ui.mantine.dev/ (якщо клацнути на кнопку переключення теми - можно подивитись як компоненти адаптуються під неї). Тож теоритично наш юай підтримує темну тему, але треба буде допилювати цю штуку. Тож спрчатку роблю кор-фічі, а далі прикольчики накшталт темної теми.

Оцінити
Поскаржитись

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

Оцінити
Поскаржитись

Обнови заливаю. Вони автоматично деплояться після того як відбудуться зміни в мастер-гілці, слідкувати можно тут: https://github.com/uJournal/ujournal-ui/commits/main

Оцінити
Поскаржитись

Як щодо капчі при вході і реєстрації?

Оцінити
Поскаржитись

Так проти ботів. Аудиторія ще мала, підросте і русня спробує піднасрати.

Оцінити
Поскаржитись

Привіт, додай будь ласка, деталей, це щоб боти не додавалися? Можливо включу валідацію e-mail, але з капчею треба буде докласти трохи зусиль для модифікації бекенду.

Оцінити
Поскаржитись

В мене э питання, коли я завантажив три фото, чому в пості лише одно?

Оцінити
Поскаржитись

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

Оцінити
Поскаржитись

Він додається у кінець повідомлення. Я десь робив пост з баготьма картинками. Та і ось цей пост налічує 2 картинки. Воно працює, але я і сам помічав помилки при завантаженні файлів. Коли завантажуєте файл - відображаються якісь помилки?

Оцінити
Поскаржитись

Ні, як файл завантажував.

Оцінити
Поскаржитись

Підкажи будь ласка, завантажував через поле URL?

Оцінити
Поскаржитись

Каєф! Дякую за твою роботу 🤗