Ярослав Лосев - React Reconciler: как написать собственный рендерер
HTML-код
- Опубликовано: 25 авг 2024
- Ярослав Лосев на митапе Tver.io JavaScript Meetup 19 марта 2020.
Что такое “реконсиляция” в React и какой путь проходит компонент от кода до отрисовки на экран, какие рендереры уже существуют и как написать свой собственный на примере отрисовки React-компонентов в Figma.
Ссылка на материалы: github.com/Los...
Крутой доклад!
Я встречал экспортеры из фигмы в реакт-компоненты. Но первый раз вижу, чтобы из реактовского синтаксиса создавался дизайн в фигме 😄
Да, рендеринг из Реакта в Фигму - это не самый очевидный путь, но бывает весьма удобен для дизайн-систем и data-driven дизайна (отобразить какие-то данные из API в фигму). Если интересны подробности или есть любые вопросы, не стесняйтесь спросить (я основной контрибьютор проекта react-figma, контакты есть на сайте lesik.dev/)
@@iliatver ага, понял юзкейс
Storybook в фигме через react reconciler)
Кажется, что дизайн система должна быть изначально в дизайне, а не в коде. Писать код, а по нему генерировать дизайн - странная идея. Но доклад классный)