DEV Community

Custom Elements

James Robb on September 26, 2018

Introduction Custom Elements, a subset of Web Components, are one of the coolest things to hit the web in my opinion. Effectively, they ...
Collapse
 
jamesrweb profile image
James Robb

In a future article I will probably have an article that goes into Polymer and similar frameworks but I thought it was too much to go into libraries/frameworks for a base level introduction article and thus skipped it here.

Collapse
 
smalluban profile image
Dominik Lubański • Edited

Give a try to hybrids. It's a new library for creating web components using unique functional API, which makes building custom elements super simple :)

If you have any questions, feel free to ask (I am an author of the library).

Thread Thread
 
jamesrweb profile image
James Robb

Looks interesting, I will give the repo docs a proper read tomorrow while I am travelling - Thanks for the heads up.

Collapse
 
darryldexter profile image
Darryl D.

I'm interested in hearing about some frameworks. I wonder if I can use something like preact opposed to polymer.

Thread Thread
 
jamesrweb profile image
James Robb

As far as I know, preact and react both currently have problems with web components. Not 100% but pretty sure that's the case, would need to test again, last time I did, there was issues though. Polymer and Stencil are your best frameworks to test out, stencil is interesting to me as it is more cutting edge and still works but polymer is probably more stable and does the job a little better on the support front in my opinion.

Thread Thread
 
darryldexter profile image
Darryl D.

I looked into stencil, I was hoping for something a little more lightweight.

Collapse
 
rico345100 profile image
.modernator

Awesome! Can I translate this post as Korean? I will reveal the source of course!

Collapse
 
jamesrweb profile image
James Robb

Yes, totally ok with me, thanks for asking first, link me the article when it’s up, that’s all I ask! :)

Collapse
 
rico345100 profile image
.modernator

Thanks, I just finished translation! Here's the link:
modernator.me/article/javascript/i...

Thread Thread
 
jamesrweb profile image
James Robb

Cool, well done! looks good according to a korean friend of mine and thanks for the shoutout too!

Thread Thread
 
rico345100 profile image
.modernator

No problem! Thank you for great post!

Thread Thread
 
rico345100 profile image
.modernator

Well, I just updated URL for translate this post here:
modernator.me/article/webcomponent...

Previous URL will results something like "not found" message box shown up from now.

I will research and post more about Web Components, so I separated to different category!

Anyway again, thanks for great article, definitely I'll be more search about this!!

Thread Thread
 
jamesrweb profile image
James Robb

Thanks for the update!

All good, my next web components article will be out in 5 weeks. Stay tuned!

Collapse
 
labtifo profile image
Labreche Abdellatif

check this custom elemnet tha i've made github.com/labTifo/super-coolor-pi... it's a super cool color picker

Collapse
 
jamesrweb profile image
James Robb

Awesome 👏! Nice component