Web Components Are Not the FutureDEV Community Follow A space to discuss and keep up software development and manage your software career Future Follow News and discussion of science and technology such as AI, VR, cryptocurrency, quantum computing, and more.
Vue3.5ã‹ã‚‰ã®æ”¹å–„ã¨æŒ¯ã‚Šè¿”ã‚‹defineCustomElementã«ã¤ã„ã¦
Vue3.5ã®æ›´æ–°ã§ã¯ defineCustomElement ã«é–¢ã™ã‚‹æ”¹å–„ãŒå«ã¾ã‚Œã¦ã„ã¾ã™ã€‚今回ã®è¨˜äº‹ã§ã¯ãã® defineCustomElement ã«é–¢é€£ã™ã‚‹äº‹é …ã«ã¤ã„ã¦ã¨ã€æ”¹å–„ã•ã‚ŒãŸå†…容を紹介ã—ã¾ã™ã€‚ Custom Elementsã¨ã¯ï¼Ÿ defineCustomElement ã«ã¤ã„ã¦ã‚’紹介ã™ã‚‹å‰ã«ã€ã¾ãšã¯æ ¹åº•ã®çŸ¥è˜ã¨ãªã‚‹ã€ŒCustom Elementsã€ã«ã¤ã„ã¦ã‚’解説ã—ã¾ã™ã€‚ Custom Elementsã¯Web Componentsを構æˆã™ã‚‹ä¸€éƒ¨ã§ã€ç‹¬è‡ªã®HTMLè¦ç´ を作æˆã™ã‚‹ãŸã‚ã®JavaScript APIã§ã™ã€‚ 独自ã®å®šç¾©ã®ãŸã‚ã€é€šå¸¸ã®HTMLè¦ç´ ã¨ã¯ç•°ãªã‚Šãƒ€ãƒƒã‚·ãƒ¥ãŒä½¿ã‚ã‚Œã¦ã„ã‚‹åå‰( kebab-case )ã§ã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ <!-- 純粋ãªHTMLè¦ç´ --> <progress></progress> <!-- Custom Elements --> <c
HTML with Superpowers | HTML with Superpowers
Introduction to Web Components
Recap CDN, Edge, WebAssembly | ワインã¨é‹.js#1
ワインã¨é‹.js#1 ã®ç™ºè¡¨è³‡æ–™ã§ã™ã€‚
Building Interoperable Web Components That Work | CSS-Tricks
Building Interoperable Web Components That Even Work With React Those of us who’ve been web developers more than a few years have probably written code using more than one JavaScript framework. With all the choices out there — React, Svelte, Vue, Angular, Solid — it’s all but inevitable. One of the more frustrating things we have to deal with when working across frameworks is re-creating all those
Shoelace: A forward-thinking library of web components.
Search Works with all frameworks 🧩 Works with CDNs 🚛 Fully customizable with CSS 🎨 Includes a dark theme 🌛 Built with accessibility in mind â™¿ï¸ First-class React support âš›ï¸ Built-in localization 💬 Open source 😸 More awesome than ever Quick Start Add the following code to your page. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@shoelace-style/[email protected]/cdn/themes/light.css"
FicusJS documentation
Getting startedUsageComponentsExtending componentsRenderersState machinesApplication stateEvent busInternationalizationModulesRouterScript loaderDeprecated FicusJS documentationBrowsers have improved greatly. Many of the reasons to reach for a big framework like React or Angular have gone away. You don't have to rely on a complex build system, bundlers, or other tooling to ship your Javascript to
hybrids - a framework for the web with unique declarative and functional architecture
A JavaScript framework for creating fully-featured web applications, components libraries, and single web components with unique declarative and functional architecture
1
ランã‚ング
ランã‚ング
メンテナンス
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Bay.js
GitHub - MarketingPipeline/Ace-Editor-Web-Component: A web-component to add code editors to your web page powered via Ace Editor
Color Legend Element
GitHub - sergejcodes/minze: Dead-simple JS framework for native web components.
GitHub - Polight/lego: 🚀 Low-Tech Web-Components Made Lightweight & Future-Proof.
dval.dev
{{#tags}}- {{label}}
{{/tags}}