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


Шаг 2: Как структурировать большие приложения Polymer 2 с Redux Reselect
Трехэтапное руководство по интеграции Redux в более крупное приложение Polymer 2, демонстрирующее рабочий пример. Шаг 2 показывает, как использовать Redux Reselect в полимерном приложении. Если вы уже знакомы с Redux Reselect и хотите узнать больше о вызове конечных точек API с помощью Redux, переходите к Шагу-3 ! // If you want to clone this tutorial: git clone https://github.com/JaySunSyn/ReduxTodo.git и не забудьте раскомментировать импорт шага 2 в index.html <!--..
Добро пожаловать в Polymer 2 (и спецификацию веб-компонентов v1)
Добро пожаловать в Polymer 2 (и спецификацию веб-компонентов v1) Наконец, мы можем думать о компонентах как о гражданах первого класса в сети. После почти двух лет работы и большой веры в веб-компоненты и полимер, они достигли одной из важнейших вех: выпущен Полимер 2, основанный на спецификация v1 веб-компонентов ! Что нового в этих номерах версий? Веб-компоненты v1 Начнем с самой спецификации. Прежде всего, веб-компоненты получают блестящий новый логотип и полностью..
Избегайте глубоко вложенных деревьев компонентов
Передавая дочерние компоненты вместо данных, вы можете избежать передачи данных вниз через многие уровни компонентов. Это также делает ваши компоненты более пригодными для повторного использования. Стало намного проще создавать даже мультибрендовые компоненты. В целом, это паттерн, который значительно улучшает ваш интерфейсный код! Эта проблема При построении интерфейсов вы будете передавать данные из родительского компонента в дочерний компонент. Часто дочерний компонент отображает..
Что-то делать с веб-компонентами
Вы когда-нибудь слышали о веб-компонентах? Может быть, вы задавались вопросом, сколько усилий нужно для его создания? Возможно, вы создали веб-компонент, но потом задались вопросом, в чем смысл, и только что вернулись к использованию своего любимого фреймворка. В этом сообщении блога мы рассмотрим процесс создания простого веб-компонента. Мы также познакомим вас с различными методами создания веб-компонентов и обсудим случаи, когда веб-компоненты могут быть полезны в современной..
Начало работы с веб-компонентами и Polymer 2.0 - часть 1
Вы слышали о DOM. В большинстве случаев вы слышали плохие вещи. Обход DOM медленный! DOM-операции стоят дорого! DOM API - это беспорядок! Верно, что DOM получает свою долю плохой прессы, но когда мы делаем шаг назад и успокаиваемся, мы понимаем, что DOM - самая важная часть того, что мы делаем как веб-разработчики, и чрезвычайно важно, чтобы мы прилагали усилия к тому, чтобы понимать это. DOM или объектная модель документа - это графическое представление декларативной разметки HTML...
Рецепты тестирования веб-компонентов Vanilla: часть 1
Существует ограниченное готовое решение для тестирования веб-компонентов, например wct. Однако мне удалось создать гораздо более простую настройку с помощью lit-html , open-wc, karma. Вот как выглядит мой package.json Шаг 1. Настройка кармы Karma необходимо обновить с помощью загрузчиков файлов для обработки модулей es6. karma.conf.js войдет в корень вашей папки 2. Тестовый код а) Тестирование функциональных компонентов: функциональные компоненты используются только..
Генератор веб-компонентов | БиоJS
Были ли у вас проблемы с добавлением визуализации биологических данных на ваш веб-сайт? Вы также хотели, чтобы был более простой способ использования компонентов в ваших проектах? Или вы разработчик и хотите, чтобы ваш компонент можно было легко использовать, написав всего несколько строк кода? Тогда читайте дальше! Веб-компоненты — это набор API-интерфейсов веб-платформы, которые позволяют создавать новые настраиваемые многократно используемые инкапсулированные теги HTML для..