Арсений Матыцин

1. Занеси код в CodePen, к примеру.
2. Суй логи (console.log).
3. Ты можешь использовать fetch для получения данных.
4. Проверяй типы (typeof) и попадания в функции.

Можно не пытаться сломать ссылку, а использовать span, и соответственно не пытаться переопределить поведение.

Стилизацию можно добавить отдельно. URL для перехода можно задавать через data-атрибуты.

Удаляй первый элемент и пуш его в конец массива. Показывай всегда 0-индексный элемент массива и повторяй это каждую секунду)

Обычно так делают стилизованный чекбокс, собственно, именно он и есть в скриншоте.

А стилизовать можно за счет селекторов и комбинаторов. Если input:checked, то соседние элементы можно стилизовать по данном триггеру.

Лезть в реакт без базового понимания, как работает JS смертельно опасно. Функция, точнее метод onStop это часть класса Example (первый файл). Ты можешь вынести ее вне класса, и экспортировать. И импортировать где надо.

Потому что ерунду написал.
https://jsfiddle.net/7o2wqfs6/

Конфиденциальные данные не должны хранится в незашифрованном виде на стороне клиента. Можно хранить ключи сессии (обычно бэк это вносит в кукисы, разница непринципиальная), а в localStorage проще вносить всякое типа последней открытой вкладки в табах (на самом деле краткосрочным данным лучше лежать в sessionStorage, чтобы не вычищать их руками) и т.д.

Дело в том, что если ключ сессии можно шмальнуть со стороны сервера и все, то имея на руках данные пользователя, срезав их с клиента у тебя уже есть данные для входа, коими потертый на сервере ключ сессии не является.

текст, который генерируется серверным скриптом

Просто привяжи размер размер шрифта к количеству символов. На выходе можно при генерации HTML писать что-то типа:

<span style="font-size:<?= 200 / strlen($string) ?>"><?= $string ?>...

Формула абстрактная, тебе точную врядли кто-то даст, так как привязку надо делать к метрикам шрифтов и подбирать на глаз, но пример о расчетах на выходе вон он, выше. Язык для примера — PHP.

То, что делает приведенный код — через сложности выполняет роль обычной ссылки. Поэтому просто заверни это в ссылку и их в выпадашку. Как работает и выглядит выпадашка → гугли dropdown.

Да, можно попробовать анимировать 2 линии через сдвиг stroke-dasharray. Т.е. наложить одну на другую и изменять параметры так, чтобы в одной появлялся пропуск тогда, когда в другой другой цвет.

Все работает, а вот пути у тебя забиты неправильно.

Фронтенд собирается один раз на машине разработчика или по время деплоя через сервисы типа Travis. Это полностью зависит от рабочего процесса. Никто не собриает морду вживую на мастер-сервере. Вывод — запрос бредовый, собирай как угодно, хоть ручками перебирай код, это не то, что должно касаться сервера вообще.

А для комфортной работы с импортами в JS есть, как ни странно, импорты.

То, что это просто цикл с последовательным включением opacity в значение 1 не смущает ни разу?

Такой эффект реализуется на transition-ах CSS при появлении элемента, на CSS-анимациях или в setTimeout (к примеру) на JS с переключением свойств (да, при активных транзишнах, если не использовать JS анимации).

1. Записать с помощью JS не подходящий формат (maxHeight = 'sdf').
2. Ансетить с помощью max-height: unset (в стилях или в том же JS). Если делать через стили, надо учитывать специфичность.

Создай класс со свойством display: none и включай\выключай его для нужных элементов.

1. Слушатели добавляй через addEventListener.
2. Вот это isTaskAdded = false скорее всего можно сократить до isTaskAdded = !isTaskAdded в конце условий.

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

А куча библиотек возникла до 2015-го года, когда JS был не просто языком, где куча дерьма, а просто языком в общем и целом из дерьма. Тот же jQuery боготворили, а сейчас это проклятый архаизм. И все в общем перевернулось именно со стандартом ES6\ES2015, а с последующими обновлениями стало только лучше.

В принципе тенденции последних лет можно охарактеризовать, как весьма благоприятные: нормальный PHP, f-строки в Python, окончательная и бесповоротная смерть IE.