Maxim Rak

Рекомендую Vue.js, писал и на React.JS и на Angular, проще всего вам будет с vue.js для вас он будет более приятен, так как выглядит как новорот сверху html, в отличие от react`а который предлагает JSX(Который тоже придется изучить).
Angular по моему мнению очень громоздкий. (и не очень уж и популярный, раз на то прошло, на нем много оочень больших проектов)
По скорости вы особо разницы не заметите, тут зависит только от того как вы это напишите (можете поискать где то на хабре сравнивали скорости какого то левого фреймворка, vue.js, реакта и вроде ангуляра)
Да не слушайте басни о JWT, RxJS, токен вы сможете подставить в любую библиотеку для запросов (чего будет достаточно на первых этапах), а RxJS в реактивном фреймворке изварт, по моему мнению (хотя видел 1 или 2 проекта где его использовали, но это капля в море)
По Vue.JS, сразу стоит на заметку взять vue-router, vuex, axios, в частности для vuex можно сразу найти пару вариантов для обработки ваших сокетов.

Библиотека это инструмент или набор каких-то инструментов.
Бибилиотека для скачивания видео с ютуба
Бибилиотека для кропа и ресайза картинок
Бибилиотека для определения города по IP

Фреймворк может использовать десятки или сотни разных библиотек. Это набор не только инструментов, но и готовых компонентов, и еще и рекомендация по их использованию.

"набор для постройки скворечника"
В комплекте молоток, гвозди, столярный клей, 20 деревянных досточек разных форм и расцветок и инструкция с тремая вариантами скворечника на выбор.

Или вот два фреймворка:

Можно ли их использовать вместе? (Конечно, никто не запрещает)
Можно ли из этих деталей построить что-то совсем другое, не такое как в инструкции? (Конечно да)
Можно ли с этими фреймворками использовать детали еще и из этого?

(конечно можно, но придется что-то придумать для совместимости деталек. Быть может придется применить клей, изоленту, пластилин или жвачку. Или шуруповерт, или сварочный аппарат. Но ни в один комплект эти дополнительные инструменты не входят, как и скиллы к ним.)

Можете посмотреть еще сюда, этот ответ частично покрывает ваш вопрос:
Для чего нужны фреймворки, а-ля Laravel?

<template>
  <div class="hello">
    <ul>
      <li v-for="item in questions" :key="item.title" @click="toRightArray(item.elements)">{{ item.title }}</li>
    </ul>
    <div class="right">
      <ul>
        <li v-for="item in rightArray" :key="item">{{ item }}</li>
      </ul>
    </div>
  </div>
</template>

в data свойство rightArray: [],
в methods:

toRightArray(items) {
      items.forEach(el => {
        this.rightArray.push(el.title)
      })
    }

Реализовать свой сервис авторизации. Называется CAS, работает примерно так: