Алексей Уколов

Вдруг будет слишком долго?

Не будет. Забудьте вообще на данном этапе своего обучения про существование такого понятия как "скорость", пока не столкнётесь с тормозами в реальности.

Хочется redis

Его сложнее администрировать, чем sqlite. Но если хотите - развлекайтесь.

[value.language]: i

Вы ничего не считаете, а записываете индекс элемента в массиве. Си у вас идёт в нулевом элементе, вот и получается 0.

Чтобы этого не происходило, нужно после успешного добавления куда-то редиректить пользователя (это может быть даже та же страница). Тогда браузер «забудет» введённые данные и можно будет обновлять страницу без вреда.

Это так.
Браузер прожуёт довольно страшную хрень, которую напишет разработчик, но есть ровно ноль причин её писать сознательно.

С чего вы взяли, что в .env можно писать JSON (да ещё и невалидный)?
https://pypi.org/project/python-dotenv/#file-format

Смотрите в консоли браузера ошибки.

SELECT * FROM `reviews` ORDER BY `id` DESC

Я уверен что ошибок в коде куча.

Добавьте флаг JSON_THROW_ON_ERROR и наслаждайтесь их просмотром.

В PHPStorm есть поддержка HTML и CSS, её не нужно дополнительно добавлять.
Какой-то другой язык (например, Python) туда добавить невозможно, для этого нужно использовать полноценную версию IntelliJ IDEA.

https://bjk5.com/post/44698559168/breaking-down-am...

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

Если второе, то это и должно храниться на сервере. Или у вас при открытии формы поля формы не заполняются значениями из БД и она пуста? Тогда это отдельная проблема, не имеющая никакого отношения к JS.

Если же первое, то у вас, как я понял, уже есть какой-то скрипт, только он багованный - показывайте, мы вам поможем разобраться.

Ведь мы создаем новый li при клике на btn, и он попадает в DOM

Ну да, попадает. А чтобы что-то с ним делать, нужно навесить обработчик события. Совершенно непонятно, что вас в этом процессе удивляет.
Вы можете делегировать обработку события родительскому контейнеру (<ol />) и тогда навешивать отдельные обработчики на создаваемые элементы не придётся.

насколько этично и не нарушает ли авторские права ситуация, когда кто-то берёт этот проект, немного модифицирует его и решает продавать, например, как SaaS?

Этичность - вещь неизмеримая и субъективная. Лиценцию MIT это не нарушает, какую-нибудь другую может нарушить. Вы совершенно верно сказали, что лицензий много и у каждой есть особенности.

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

Лицензия MIT и не требует уведомлять.

Убрать db.close() из кода?

Rug Pull

В настоящий момент работает Read-only режим доступа к элементам инфоблока. Доступны следующие методы получения и фильтрации записей:
iblock.element.get
iblock.element.list

REST API для инфоблоков

Сложный вопрос...
Простой ответ: конечно, в зубрёжке нет смысла.

Более сложный: если вы не знаете о существовании чего-либо, то вы не сможете вовремя понять, что задача требует именно этого инструмента. Но и задачи, которые требуют чего-то необычного, встречаются редко, поэтому их и нет в обучающих материалах. Есть не так много элементов с какими-то специальными атрибутами, я бы рекомендовал просто посмотреть их страницы на MDN прочитать про атрибуты, но не зубрить их. Ну а относительно элементов заморачиваться нужно ещё меньше - если вы не используете <a href="#"/> там, где должен быть <button/>, вы уже сделали половину семантики страницы.

Проблема решается указанием ключа для самого баннера. Тогда при смене слайда старый будет просто выкидываться и не будет ничего ломать:

<BannerContent key={currentSlide} currentSlide={currentSlide} />

А у <motion.x /> ключи можно вообще убрать, без них песочница не ломается.

Никак, в Яндексе не дураки сидят.