Как верно использовать JavaScript native Fetch API вместо jQuery для опроса данных из API

Я разбираюсь в js, и на данный момент понял что метод из js Fetch может сам отправлять запросы на сервер и динамически подгружать данные по мере необходимости. Т.e. мы можем в принципе обойтись и без jQuery.

У меня есть Spring Boot контроллер который возвращает все сообщения из БД

@GetMapping("/messages")
    public List<Message> getAllMessages() {
        return messageService.getAllMessages();
    }

Сущность сообщения содержит только поле string и id.

Я хочу потестировать на фронте вывод в таблицу всех сообщений, но используя именно Fetch, чтобы заодно посмотреть как он будет подгружать новые данные в таблицу в UI.

мне не очень понятно как настроить верно запрос к моему методу на беке и как отобразить на UI таблицу.

В консоли я тестирую такой метод

fetch('http://localhost:8080/application/api/messages')
  .then(response => response.json())
  .then(messages => alert(message[0].id.message));

он вроде обращается, но данные дальше не выводит.

Буду так же благодарен за примеры использования fetch JS + Spring Boot, для вывода данных по GET запросу.