Решение циклических ссылок в JSON. Vue debug. Spring Boot Rest

Описание

Разрешаем циклические ссылки JSON с помощью Jackson в Spring Boot Rest Application. Интерактивно отображаем комментарии с помощью WebSocket. Отлаживаем JavaScript код с Vue.js фреймворком. Да, так много тем всегов одном видео =)

Код из видео:
https://github.com/drucoder/sarafan/tree/JsonViewAdvanced

Первым делом подготовим наш сервер к отправке комментариев через WebSocket. Далее нам необходимо подправить наш интерфейс для корректного отображения аватаров.

Документация по Vuetify для отображения аватаров:
https://vuetifyjs.com/ru/components/lists
https://vuetifyjs.com/ru/components/avatars

Также откорректируем отступы между элементами:
https://vuetifyjs.com/ru/framework/spacing

Для отображения имени пользователя, создавшего пост (если он задан), мы будем использовать вычисляемые свойства Vue.js:
https://ru.vuejs.org/v2/guide/computed.html

Видео по стилизации приложения с Vuetify:
https://youtu.be/jmpxRAGJ5v0

Видео по настройке WebSocket в приложении:
https://youtu.be/TtcCbDddhrI

Видео по настройке WebPack:
https://youtu.be/y5zxAriT0UA

Видео по отладке в браузере:
https://youtu.be/8ZKgsdxSdTc

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

➡ Твиттер: https://twitter.com/letsCodeDru
➡ Группа Вконтакте: https://vk.com/letscodedru
➡ Канал в Telegram: https://t.me/letsCode_dru
➡ Чат в Telegram: https://t.me/joinchat/FeiP9xEhqHajfqhLr4z-Nw
➡ Сервер в Discord: https://discord.gg/xs6XxSx

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

Поддержать проект:
➡ Patreon https://www.patreon.com/letscodedru
➡ Яндекс.Деньги https://money.yandex.ru/to/41001451675086
➡ PayPal paypal.me/letscodedru
➡ Qiwi https://qiwi.me/letscode
➡ WebMoney/BitCoin https://funding.webmoney.ru/d/drucoder

➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖

➡ Ссылка на канал: https://www.youtube.com/channel/UC1g3kT0ZcSXt4_ZyJOshKJQ
➡ Ссылка на Яндекс.Дзен: https://zen.yandex.ru/media/id/5ac20956168a91ffeae449c5