dron112

Потому что, если пользователь отойдет от компьютера на 3 часа, то ему снова придется залогиниться (ведь refresh-токен слетел через 15 минут). Неудобно? Неудобно. А если срок жизни refresh-токена будет месяц - то его выкинет из системы только через месяц.

В пределах одного браузера - на localStorage с использованием события storage.

Ссылка от саппорта github
Keeping GitHub OAuth tokens safe

While making your source code available in a public GitHub repository is awesome, it’s important to be sure you don’t accidentally commit your passwords, secrets, or anything else that other people shouldn’t know.

Starting today you can commit more confidently, knowing that we will email you if you push one of your OAuth Access Tokens to any public repository with a git push command. As an extra bonus, we’ll also revoke your token so it can’t be used to perform any unauthorized actions on your behalf.

Нужно хранить токен в настройках окружения, которые игнорируются гитом

Вы наверно пытаетесь запихнуть в LocalStorage больше 5мб

1. Аутентификация юзером или приложением поднимает лимиты до 5000 запросов в час (это 50 страниц в час в вашем случае)
2. Кэшировать ответы API, чтобы не запрашивать одни и те же данные

И не покажет. Стэйт должен меняться в мутации.

У тебя есть immediately invoked function
(function(y){ }(i))
в которую ты передаешь i в качестве параметра
И есть коллбек
() => { console.log(y) }
который выполняется асинхронно (на самом деле не важно как он выполняется)
В это колбеке ты используешь переменную y которая взята из области IIFE, которую твой коллбек фактически "замкнул" от уборки сборщиком мусора, иначе бы она была убрана значительно раньше.

Событие, оно же event, например click, focus, mousedown, touch - то, что происходит.
Функция-обработчик она же handler, у Вас названа как callback - реакция на событие. То есть, что сделать при наступлении события.

addEventListener - дословно: добавить слушатель события. Соответственно указываем событие и слушатель для него.

Абстракция — буквально «отвлечение», игнорирование ненужных подробностей.

В программировании пример: вызов метода объекта. Известно, какие аргументы он ждёт, что вернёт в ответ. Но неизвестна и не важна внутренность, как именно это сделано. И можно заменить одну реализацию другой, если останутся теми же аргументы и результат. На этом уровне абстракции.

В жизни все пользуются лифтами, всем известно, как – зашёл, нажал кнопку этажа, приехал. Лифты разных моделей, брендов, грузоподъёмностей, форм. На уровне абстракции пользователя это кабина с кнопками этажей. И не важно (абстрагируемся) как там что устроено за пределами кабинки. Нажимались бы кнопки и ехал бы лифт.

Слой абстракции — минимум, необходимый для взаимодействия. Без лишних деталей.

В реальной жизни начальник не забивает гвозди и не скручивает провода. Он говорит, какому отделу что делать.

Менеджер среднего звена слушает своего начальника и говорит, что делать своим подчиненным. Примерно как в армии, короче, только добровольно (за денежку). То есть он работает лишь в пределах своего слоя абстракции, как вы выразились.

Ну и так далее.

Суть в том, что довольно сложно охватить всю картину в целом, которая включает в себя все гвозди и шурупы. Поэтому её приходится пилить на "слои", каждый из которых можно рассматривать отдельно и решать задачи не выходя за его пределы. То есть поделить нужно именно таким способом, чтобы это всё было возможно, а не абы как.

Ещё аналогия с компьютером. На верхнем уровне - это системный блок + монитор + клава + мышь. На этом уровне посредственный юзер его сможет собрать (подключить при переезде на новую квартиру). Следующий уровень уже включает начинку: жесткие диски, процессор, мат. плату, блок питания и т.д. На клавиатуре, например, можно рассматривать каждую клавишу отдельно. На этом уровне продвинутый юзер сможет пересборать комп под себя, починить, апгрейднуть и т.д., т.е. решать вполне реальные жизненные задачи. Ну а ещё глубже - это уже уровень микросхем и программирования (которое тоже имеет свои уровни, конечно же).