Публикации по теме 'virtual-dom'


Производительность виртуальной DOM SSR
Я всегда игнорировал рендеринг на стороне сервера, когда работал с библиотеками Virtual DOM, но недавно начал думать, как улучшить производительность SSR, чтобы он мог конкурировать с рендерерами шаблонов на основе строк. Первая идея, которая пришла мне в голову, заключалась в том, чтобы использовать те же методы оптимизации , которые использовались для оптимизации рендеринга на стороне клиента. В реальных приложениях эта оптимизация должна обеспечить приличный прирост производительности,..
JS: Создайте свой собственный виртуальный ДОМ #DIY
В один прекрасный день, когда я разговаривал с Sesh , он сказал: Нам нужно начать писать Framework, а не изучать Framework . Это предложение вызвало у меня энтузиазм при написании этого поста. Я работаю над разработкой приложений React уже год. Если кто-то попросит меня объяснить, что такое виртуальный DOM, я точно смогу, тогда как если меня попросят создать виртуальный DOM, я скажу НЕТ. Но теперь это заставило меня задуматься о написании моей собственной виртуальной модели DOM...
Создайте свой собственный виртуальный DOM, чтобы понять его (часть 2)
Эта статья является продолжением первой части (так что вам лучше прочитать и первую часть :), где мы узнали, как создавать виртуальные узлы с помощью JSX-подобной функции hyperscript и отображать их. В этой части мы реализуем алгоритм сравнения виртуального DOM, что является его основным преимуществом. Изначально меня вдохновил доклад Стефана Джудиса на Web Rebels 2018, так что не стесняйтесь взглянуть на него здесь . Хорошо, у нас есть простой функциональный компонент,..
kReact: создание собственного React и виртуального DOM
Давайте изучим React, создав React в пределах 100 строк кода. В этом блоге мы создадим библиотеку, похожую на React, и поймем, как React работает внутри. Этот блог написан таким образом, что даже если вы не знаете, как реагировать или хотите изучить внутреннюю работу реакции, вы найдете его полезным. Ссылка на репозиторий GitHub: https://github.com/git-kamesh/kReact Подпишитесь на меня в Твиттере: @kamesh_koops [REQ] Требования и варианты использования: что мы хотим..
React: Real DOM и Virtual DOM
Прежде чем говорить о разнице между Real DOM и Virtual DOM, в первую очередь я хочу поговорить о том, что означает DOM? Что оно делает? DOM (объектная модель документа) - это платформа и не зависящий от языка интерфейс, используемый для доступа к объектам в документе и изменения содержимого, стиля и структуры объекта, к которому осуществляется доступ. Почему виртуальный дом? Работа с DOM означает постоянное добавление и удаление чего-либо из DOM, то есть изменение элемента в..
Использование прокси и виртуального DOM для создания собственной инфраструктуры
Прокси-сервер JavaScript Прокси - это функция, недавно представленная в ES2015. Хотя IE11 не поддерживает прокси, другие современные браузеры с ним совместимы. Хотя прокси-сервер не может быть передан с помощью Babel, Google предлагает полифил , чтобы он мог быть совместим с IE11. Источник: https://babeljs.io/learn-es2015/ См. Возможности ES6 - 10 видов использования прокси , где приведены примеры использования прокси. Использование прокси для создания адаптивного класса..
Приключения в виртуальной DOM - Часть 2: Цикл различий / рендеринга
Приключения в виртуальной DOM - Часть 2: Цикл различий / рендеринга Источник на Github: Учебное пособие по виртуальному DOM - цикл различий / рендеринга Еще сообщения из этой серии Часть 1 - Определение проблемы Часть 3 - Тестирование и планирование Часть 4 - Атрибуты рендеринга Введение Добро пожаловать обратно, чтобы получить больше удовольствия от виртуальной модели DOM. В этом посте мы начнем смотреть, как рендерить узлы и как найти разницу между двумя узлами...