Суть работы Barba.js очень проста - она перехватывает ссылки на страницы текущего сайта, загружает их в память, выделяет контейнер с контентом и заменяет его на странице. Все это может сопровождаться анимацией.
Хороший пример использования, на мой взгляд, можно посмотреть на странице документации.
Довольно распространенная задача, когда нужно сделать поле с маской для ввода номера телефона, раньше использовал плагин jquery.mask.min.js, но он стал плохо работать, поэтому нашел вариант на чистом javascript.
Иногда нужно, например для отладки, сохранять копию всех отправленных сайтом писем. Встроенной функции логипрования в Битрикс нет, но можно легко ее реализовать.
Основная идея метода в том, что сначала мы добавляем на страницу svg файл через тег с display: none;, а затем вызываем его через use xlink:href - где и сколько угодно раз.