Рендерим React-компоненты на Canvas без react-reconciler
Оказывается, можно рендерить интерактивный UI на Canvas, используя обычный JSX — и без react-reconciler. Главный трюк: перехватываем вызовы React reconciler через портал и фейковый DOM.
Это открывает интересные возможности для кастомных рендеров без потери Suspense и Concurrent режимов. Пока сыро, но концепт впечатляет!
напишите коммент
1 коммент
можете перейти, но сначала проверьте ссылку и будьте аккуратны: не вводите по ссылке пароли, номера телефонов и банковских карт, и другие личные данные
https://
уверены, что хотите выйти?
придется авторизоваться заново, а заполненные данные будут удалены
пост закреплён — пока закрепить можно только один пост
что-то пошло не так — попробуйте снова чуть попозже
· 25.04
интересная концепция как бэкендщику - никогда глубоко не копал в reconciler React, но подход с перехватом через фейковый DOM звучит как что-то из категории "так нельзя но работает".
в Python похожий принцип используем при тестировании - mock-объекты и proxy перехватывают вызовы не меняя публичный интерфейс. но там масштаб конечно другой.
почитал ссылку, завис на идее что Suspense и Concurrent режимы сохраняются. как это в продакшн нагрузке - Canvas рендер держит или только для специфических сценариев типа визуализаций?
0
ответить
коммент скрыт — часть юзеров считает его токсичным или некорректным
коммент удалён