profesor08

НЕ мучай нормальных людей.

https://developers.google.com/recaptcha/docs/v3

Отрендери реакт на пхп.

Набери разных картинок листьев. Разбросай их по странице в нужном количестве и в нужные позиции. Потом, когда захочешь запустить анимацию, играйся с CSS 3D Transform и opacity. Анимировать лучше с помощью keyframes или JS Animation API. Сделать надо так, чтоб листик из рандомной позиции попал на исходную с увеличением прозрачности от 0 до 1. Придется еще с перспективой поиграться.

Не надо так делать. Просто потому, что после вызова перерисовки, все твои махинации с элементом уйдут в небытие, а ссылки на эти элементы сдохнут.

Тебе надо разбираться вот с этим: https://angular.io/api/core/ElementRef

Самое время принять и смириться. Плац топтать тоже весело.

Грубо говоря, там модифицируются кривые в соответствии с параметрами переданными в функцию. Функция определяет точки и делает сдвиг. Потом генерирует строку и подставляет ее в атрибут d.

Чтоб понять что происходит следует разобраться каким образом формируются пути в svg и что они собой представляют.

Классика. Делай проверку на SQL.

Сделай пулреквест с фиксом бага.

Добавь блоку атрибут tabindex="-1" и отслеживай события focus, blur на нем.

Это просто автоматический скан на наличие шелла. Беспокоиться пока не о чем. Но если не спится спокойно, можешь перепроверить директории на наличие неизвестных и подозрительных файлов.

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

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