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

ujournal.com.ua/pictrs/image/3b1fa0e2-c518-4640-b348-d280a98a5758.png веб-ресурс

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

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

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

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

ujournal.com.ua/pictrs/image/5b5eac31-daa5-46c4-814d-a9ccfadf2ec9.png веб-ресурс

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

ujournal.com.ua/pictrs/image/201bf448-dfdc-4bb8-b7f6-162e810be856.png веб-ресурс

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

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

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

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

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

Лінк на рєпу UJournal UI: https://​github​.com/​u​J​o​u​r​n​a​l​/​u​j​o​u​r​n​al-ui

До зав­тра! :)