Публикации по теме 'virtual-dom'
Что такое виртуальный дом в React?
Чтобы понять, что такое виртуальный дом, вы должны понять, что такое манипуляция с DOM.
Хорошо, прежде чем я углублюсь во все хорошие детали того, что это такое, давайте сформулируем это в терминах, понятных каждому среднестатистическому Джо.
За кулисами каждый веб-сайт организован в виде домена. Картинки, боковая панель и все эти другие элементы по сути являются элементами HTML, управляемыми в dom.
Разработчики вручную создают весь HTML-код вокруг таких элементов, как панель..
Ходячий дом
На этой неделе перед изучением React я изучил виртуальную DOM и попытался создать свою собственную виртуальную DOM с использованием объектов JavaScript. Это было отличное упражнение, которое помогло мне понять, что React создает виртуальную копию объектной модели документа (DOM) браузера и использует ее для манипуляций перед записью в настоящую DOM, но я не был полностью уверен, почему имеет смысл сделать это таким образом.
Немного подумав (и немного пообщавшись с людьми из Код..
Представляем NG-VDOM: новый способ написания приложения Angular
AngularInDepth уходит от Medium. Более свежие статьи размещаются на новой платформе inDepth.dev . Спасибо за то, что участвуете в глубоком движении!
За последнее десятилетие фронтенд-разработка сильно изменилась. С выходом AngularJS в 2009 году декларативное представление пользовательского интерфейса стало стандартным подходом для интерфейсной веб-разработки. Angular делает декларативное программирование первоклассным гражданином за счет использования шаблонов в..
Внутреннее устройство React.JS: виртуальный DOM
В этой статье предполагается, что вы знакомы с React.JS. Если нет, то вот хорошее место для начала. Хорошо, если вы использовали React.JS в производстве или в своих небольших экспериментальных приложениях, вы знаете, что React.JS настолько эффективен с точки зрения манипуляций с DOM. Некоторые разработчики могут подумать, что обычные приложения, выполняющие манипуляции с DOM, действительно дороги и медленны из-за ошибки JavaScript. Но на самом деле JavaScript выполняется очень быстро, и..
Погрузитесь в Bootsrap React(js)-ion : react-bootstrap-table-next
Прошло некоторое время, я думал об изучении React, и самый простой способ выучить новый язык — написать приложение Hello World. После написания моего первого приложения Hello world я подумал о том, чтобы попробовать свой ограниченный IQ (интеллектуальный коэффициент). Помимо шуток, я хотел написать простое веб-приложение, которое отображает таблицу, в которой можно редактировать и проверять различные ячейки. Говоря об адаптивной HTML-таблице, мой первый выбор был Bootsrap, но я не был..
Улучшение производительности SSR в библиотеках Virtual DOM
В этой статье я попытаюсь описать метод, который улучшит производительность рендеринга на стороне сервера за счет использования существующих оптимизаций на стороне клиента.
Ключевая идея этого метода заключается в использовании простого алгоритма сравнения/исправления вместо рендеринга целых страниц с нуля.
Поскольку алгоритм diff/patch применяется к существующему состоянию, нам нужно будет его сгенерировать. Он будет представлен в виде древовидной структуры данных с узлами, которые..
Назад к основам: перемотка назад, реакция!
Обзор основ ReactJS
Проходя через поиск работы после окончания учебы, я хотел вернуться к основам, чтобы укрепить свои знания обо всем, что я узнал за последние четыре месяца. В этой серии, которую я назвал «Назад к основам», я рассматриваю широкие темы и разбиваю их на суть. Может быть, это может помочь другому программисту пройти учебный курс или освежить память для всех, кому это нужно.
В этой статье я рассмотрю основы React . Я расскажу об основных концепциях, которые можно..
