Как украсть React компонент БЕЗ исходного кода за 5 минут

Описание: Мой телеграм: https://t.me/PapiProIT -- очень много полезного здесь!!!!!

Статья: https://fant.io/react/

Реверс-инжиниринг React компонентов: практический разбор от практика

Как извлечь любой React компонент с продакшн сайта без доступа к исходному коду — только через браузер. Используем React Fiber API и LLM для восстановления компонентов.

Мой телеграм канал: t.me/PapiProIT

В этом видео мы разберем:
Как React Fiber API раскрывает структуру компонентов в браузере
Метод сбора пропсов и HTML вывода для каждого компонента
Использование LLM для восстановления исходного кода
Цикл верификации и проверки корректности
Ограничения метода и когда он не работает

Узнаете, как защитить свои компоненты и что на самом деле доступно в браузере. Присоединяйтесь, чтобы понять внутреннее устройство React и возможности реверс-инжиниринга!

*Таймкоды:*
[00:00] | Вступление и проблема
[01:30] | Два дерева: DOM и React Fiber
[03:15] | Доступ к Fiber API из браузера
[04:20] | Сбор данных: пропсы → HTML
[06:00] | Группировка компонентов по типу
[07:15] | LLM для восстановления кода
[08:30] | Цикл верификации и проверка
[09:45] | Топологическая сортировка зависимостей
[10:30] | Ограничения и случаи неудач
[11:15] | Финальная сборка компонента
[11:50] | Итоги и выводы