Публикации по теме 'web-components'
SSR с веб-компонентами
Рендеринг Shadow DOM и шаблонов в Puppeteer
Рендеринг веб-компонентов на стороне сервера с помощью Google Puppeteer — непростая задача. Сериализация Shadow DOM находится на экспериментальной стадии. Декларативное теневое DOM позволяет сериализовать теневое DOM и может быть включено с помощью нескольких простых шагов. Без выполнения этих шагов у вас останутся пустые пользовательские элементы после рендеринга в Puppeteer.
Включить теневой корень
Чтобы ваш Shadow DOM был..
Начало работы с элементами Angular
Отображение средних блогов с использованием угловых элементов
Обзор
Элементы Angular - это компоненты Angular, упакованные как настраиваемые элементы . Angular Elements размещает компонент Angular, обеспечивая мост между данными и логикой, определенными в компоненте и стандартных API-интерфейсах DOM, тем самым обеспечивая способ использования компонентов Angular в средах, отличных от Angular.
Пользовательские элементы позволяют веб-разработчикам определять новые типы..
Дизайн веб-компонентов
Вы разрабатываете веб-компоненты в виде губок или посудомоечных машин? Или оба? Осторожно, спойлеры! Я думаю, вам следует сделать и то, и другое. Этот пост предназначен для обсуждения моих нескончаемых сомнений относительно объема компонентов, ответственности и границ, другими словами, это еще один пост о презентационных компонентах и контейнерах (или как вы их называете) .
Я начну с некоторых цитат, которые нашел во время поиска в славном Интернете:
«Сделайте компонент, а не..
Чем setInterval плох и как сделать вашу жизнь лучше в LWC SalesForce
Давайте реализуем счетчик в плоском компоненте LWC.
Скажем, ваш счетчик работает от 0 до определенного заданного значения.
И вам нужно сделать анимацию, чтобы показать это.
Способ, который вы бы сделали, заключается в следующем
<template>
<div class="app slds-p-around_x-large">
{count}
</div>
</template>
Это будет HTML вашего компонента
Давайте посмотрим на JS
import { LightningElement, track } from 'lwc';
export default class App..
Angular Elements - Практическое введение в веб-компоненты с Angular 6
Angular Elements - Практическое введение в веб-компоненты с Angular 6
Это сообщение было впервые опубликовано на CodingTheSmartWay.com .
Подпишитесь на YouTube | Живая демонстрация | Код на GitHub
С выпуском Angular 6 новые функции Angular Elements теперь полностью доступны. Используя элементы Angular, вы можете упаковать компоненты Angular как пользовательские элементы, веб-стандарт для определения новых элементов HTML без привязки к фреймворку.
Стандарт..
Почему нужно изучать веб-компоненты с помощью React, Angular, VueJs и Svelte Around?
Я недавно опубликовал свое Введение в веб-компоненты , и несколько человек обратились к нам с вопросом о преимуществах фактического изучения веб-компонентов, когда у нас все еще есть популярные библиотеки и фреймворки JavaScript, которые решают компоненты пользовательского интерфейса лучше и менее громоздко.
После перечисления и объяснения преимуществ меня осенило, что некоторые разработчики все еще думают в терминах « это » и « то » и не видят веб-компоненты как нечто действительно..
Как использовать Polymer с Webpack
Как использовать Polymer с Webpack
За последний год я провел ряд обсуждений с компаниями среднего и крупного размера, которые заинтересованы в создании общих библиотек пользовательского интерфейса, которыми могут пользоваться все их команды. Часто эти команды находятся в разных стеках (React, Vue, Angular и т. Д.), Поэтому использование чего-то вроде веб-компонентов и полимера имеет смысл, поскольку все эти фреймворки могут использовать веб-компоненты и взаимодействовать с ними...