Skip to content

Материалы доклада "React Reconciler: как написать собственный рендерер"

Notifications You must be signed in to change notification settings

LosYear/react-reconciler-talk

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React Reconciler: как написать собственный рендерер

Доклад повествует о том, что такое "реконсиляция" в React, какой путь проходит компонент от кода до отрисовки на экран и как написать свой собственный рендерер на примере отрисовки React-компонентов в Figma.

Слайды

Видео

Репозиторий содержит материалы доклада, исходный код демо и дополнительные материалы по теме.

Как запустить

  1. Установить Figma

  2. Склонировать репозиторий

  3. Перейти в папку с репозиторием и установить все зависимости, например, используя yarn

  4. Запустить стартовый скрипт:

    yarn run start

    или

    npm run start
  5. Добавить плагин в Figma:

    1. Создать новый документ
    2. Plugins -> Development -> New plugin...
    3. Нажмите Link existing plugin и укажите путь к manifest.json, находящемуся в корне папки с репозиторием
  6. Запустите:

    Plugins -> Development -> Talk – Custom renderer

Дополнительные материалы

Архитектура React

Написание рендерера

Ссылки

About

Материалы доклада "React Reconciler: как написать собственный рендерер"

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published