SK
> Если ли, например, какие-то фреймворки или библиотеки, которые не умеют в проперти
Есть. Реакт)
Есть. Реакт)
> Если ли, например, какие-то фреймворки или библиотеки, которые не умеют в проперти
Есть. Реакт)
Size: a a a
2020 December 03
АР
Реакт не умеет брать значения проперти или устанавливать? :-/
SK
устанавливать не умеет, имею в виду. брать значение все должны уметь, проперти - обычный геттер
SG
Реакт не умеет брать значения проперти или устанавливать? :-/
Неа, только аттрибуты. Проперти можно через ref ставить
АР
То есть, если я хочу, чтобы мой веб-компонент можно было использовать и в React, мне нужно ещё и rich-проперти (массивы и объекты) через JSON.stringify рефлектить в атрибуты?
SG
То есть, если я хочу, чтобы мой веб-компонент можно было использовать и в React, мне нужно ещё и rich-проперти (массивы и объекты) через JSON.stringify рефлектить в атрибуты?
Не обязательно, есть 2 пути:
1) через аттрибуты - устанавливаются сразу при маунте, поддержка ssr
2) через проперти - необходимо получит ссылку на элемент(React.useRef), не работает на ssr, можно установить проперти только после маунта/рендера
1) через аттрибуты - устанавливаются сразу при маунте, поддержка ssr
2) через проперти - необходимо получит ссылку на элемент(React.useRef), не работает на ssr, можно установить проперти только после маунта/рендера
2020 December 04
SK
в Chrome 88 уберут origin trial для web components v0
https://blog.chromium.org/2020/12/chrome-88-digital-goods-lighting.html
https://blog.chromium.org/2020/12/chrome-88-digital-goods-lighting.html
2020 December 06
АР
Если у веб-компонента проперти read-only, никак же запретить его сеттить из вне нельзя? Только с помощью JSDoc указать, что оно read-only?
НС
Если у веб-компонента проперти read-only, никак же запретить его сеттить из вне нельзя? Только с помощью JSDoc указать, что оно read-only?
Сеттер написать?
И трейс смотреть?
И трейс смотреть?
НС
Костыль, правда
НС
Ну или написать сеттер, который кидает ошибку, а сеттить приватной функцией
НС
в Chrome 88 уберут origin trial для web components v0
https://blog.chromium.org/2020/12/chrome-88-digital-goods-lighting.html
https://blog.chromium.org/2020/12/chrome-88-digital-goods-lighting.html
Тытюбик переписали уже?
SK
Давно уже переписали, может были какие-то другие проекты
НС
А, я пропустил. Или забыл :-)
АР
Что-то с JSDoc всё не так очевидно, как мне казалось. )
АР
АР
У меня тут вообще тяжёлый случай.
Конструкция на скриншоте не верна же?
Конструкция на скриншоте не верна же?
АР
1. Как сделать, чтобы
2. Технически атрибуты всегда строковые (хотя формально я как автор знаю оригинальный тип). Но так как у меня булев атрибут, он либо присутствует в HTML-разметке (и у него как бы нет значения), либо отсутствует вообще. Какой тип атрибуту прописывать?
3.
@readonly применялся и к проперти и к атрибуту?2. Технически атрибуты всегда строковые (хотя формально я как автор знаю оригинальный тип). Но так как у меня булев атрибут, он либо присутствует в HTML-разметке (и у него как бы нет значения), либо отсутствует вообще. Какой тип атрибуту прописывать?
3.
boolean или Boolean? В чём разница? В документации к JSDoc с маленькой буквы, в документации к web-component-analyzer с большой.SK
readonly свойство - просто геттер, если есть .d.ts файл - то web-component-analyzer его понимает
SK
я обычно использую тип boolean, как в TypeScript