๐ข New! All the Ways to Make a Web Component - November 2021 Edition!
๐คฏ 59 Web Components compared
โจ๏ธ Code styles
๐ Bundle sizes
๐๏ธ Performance
๐คฉ All-in-one article!
๐ webcomponents.dev/blog/all-the-wโฆ
#thread ๐งต๐ #webcomponents #webdev
๐คฏ 59 Web Components compared
โจ๏ธ Code styles
๐ Bundle sizes
๐๏ธ Performance
๐คฉ All-in-one article!
๐ webcomponents.dev/blog/all-the-wโฆ
#thread ๐งต๐ #webcomponents #webdev
We added several librairies, like:
- #wafer by @lamplightdev
- #incremental-dom by @Google
- #sidewind by @bebraw
- #wafer by @lamplightdev
- #incremental-dom by @Google
- #sidewind by @bebraw
Also added the new @vuejs 3.2 with `defineCustomElement` 
And, obviously, we upgraded all libraries to latest
- @buildWithLit 2.0.2 (from RC1)
- @stenciljs 2.10 (from 2.5)
- @Alpine_JS 3.5 (from 2.8)
- @hybridsjs 6.1 (from 5.2)
- @riotjs_ 6.0 (from 5.4)
- @solid_js 1.2 (from 0.26)
To name a few of the major upgrades!
- @buildWithLit 2.0.2 (from RC1)
- @stenciljs 2.10 (from 2.5)
- @Alpine_JS 3.5 (from 2.8)
- @hybridsjs 6.1 (from 5.2)
- @riotjs_ 6.0 (from 5.4)
- @solid_js 1.2 (from 0.26)
To name a few of the major upgrades!
TOP 10 Smallest bundle for 1 instance
TOP 10 Smallest bundle for 30 instances
Finally, the performers for loading and first DOM "scaffolding"
โจ A lot to explore between the coding styles and the bundle sizes of all these Web Components libraries or compilers.
Check all details of the 59 ways ๐
webcomponents.dev/blog/all-the-wโฆ
Check all details of the 59 ways ๐
webcomponents.dev/blog/all-the-wโฆ
You want to add your own library? Ping us here or on our Discord and be part of the next update! ๐
discord.gg/4RBkqjJ
discord.gg/4RBkqjJ
โข โข โข
Missing some Tweet in this thread? You can try to
force a refresh
ใ
