Публикации по теме 'web-components'


Создание веб-компонентов - шаблонов и слотов
Поскольку веб-приложения становятся все более сложными, нам нужен способ разделить код на управляемые части. Для этого мы можем использовать веб-компоненты для создания многоразовых блоков пользовательского интерфейса, которые мы можем использовать в нескольких местах. В этой статье мы рассмотрим, как использовать шаблоны и слоты с веб-компонентами. Шаблоны Мы можем использовать элемент template для добавления контента, который не отображается в DOM. Это позволяет нам включить..
Угловой элемент как веб-компонент
Угловой компонент как веб-компонент (ЧАСТЬ I) Эта статья представляет собой зрелую и более законченную версию статьи , которую я написал в прошлом году об элементах Angular. Теперь с последней версией Angular мы можем писать настоящие веб-компоненты. Под настоящими веб-компонентами я имею в виду, что теперь вы можете преобразовать свои компоненты Angular в независимый от фреймворка веб-компонент, который можно использовать на других платформах, таких как React, Vue или AngularJS. В..
LitElement: двусторонняя привязка данных
3 шаблона для переноса кода двусторонней привязки данных из PolymerElement в LitElement Фон Частью достоинства Polymer был простой механизм двусторонней привязки данных. Например, следующий фрагмент кода будет обновлять поле name при изменении значения входного элемента: <input value=" {{name::input}} "> Тем не менее, с годами мы узнали, что двусторонняя привязка данных вызывает множество проблем в сложных приложениях. Распространенные Redux, однонаправленные потоки..
Элемент Angular: как использовать компоненты Angular в React Vue Js?
Тизер: Все мы знакомы с компонентами : самым мощным строительным блоком в экосистеме Angular. Компоненты - это то место, где рендерится Dom, внедряются сервисы, перерисовываются представления с обнаружением изменений. Компоненты могут принимать значения в качестве входов и запускать события в качестве выходов. Но проблема в том, что этот красивый блок пока работает только внутри экосистемы Angular. Я бы хотел, чтобы мы могли помочь человечеству, используя угловые компоненты даже..
Окунитесь в мир веб-компонентов с помощью ReactiveElements
TL;DR Используя ReactiveElements, вы можете легко создавать веб-компоненты из компонентов React и пользоваться пользовательскими элементами в HTML. В порядке. На дворе 2018 год. Веб-компоненты грядут. Итак, нужно ли нам изучать другой набор технологий, таких как Custom Elements, Shadow DOM и HTML-шаблоны? Должны ли мы попрощаться с React/Angular/Vue? Нет, вам не нужно. Веб-компоненты могут быть скорее друзьями этих существующих фреймворков. Для пользователей React мы уже можем..
Пользовательские элементы - их проще создать, чем вы думаете
С помощью Пользовательских элементов веб-разработчики могут создавать новые теги HTML , улучшать существующие теги HTML или расширять компоненты, созданные другими разработчиками. Чтобы определить новый элемент HTML, нам понадобится 🔥 мощь JavaScript! Определение JavaScript API элемента Функциональность настраиваемого элемента определяется с помощью ES2015 class , который расширяет HTMLElement . Расширение HTMLElement гарантирует, что пользовательский элемент..
Создайте веб-компонент с автозаполнением за простые шаги
Действителен для любого фреймворка css Этот небольшой пост покажет вам, как создать простой компонент автозаполнения, который работает с массивом значений элементов [{}, {}, ..]. Вы можете легко интегрировать его с любым фреймворком CSS, таким как bootstrap 4, и можете изменить его в соответствии со своими потребностями. Мы собираемся использовать LitElement для создания веб-компонента. LitElement - это простая реализация, соответствующая спецификации Стандарты веб-компонентов ...