Welcome
Web Components News Issue #3
Howdy there 👋
Welcome to the third issue of Web Components News.
In this issue, we’ve got micro-libraries that are literally micro, lazy loading, comprehensive tutorials and interoperability.
If you’re enjoying reading this newsletter as much as I’m enjoying creating it, please share it with your pals. It’ll be really appreciated if you do.
Enjoy!
Andy
Learning
Building a practical Web Component
⚠️ Medium.com Warning ⚠️
A very comprehensive and well-constructed (pun intended) guide. Well worth a read—even though it is on Medium...
medium.com
Create a Web Component to lazy load images using Intersection Observer
Although this is Typescript based, which unfortunately reduces the inclusivity of this post, it’s a handy one.
I think IntersectionObserver is really useful and want to use it more, so I got some value from this.
dev.to
Interesting Reads
Making Web Components for Different Contexts
An interesting read here. There’s some cool CSS things to take away and also some stuff about composition which I found useful.
dev.to
It's not about Web Components vs. React
JavaScript frameworks are exclusive. You have to be part of the club. That’s not true with custom elements v1. Beginners can start coding them without the uphill battle that is learning a JavaScript library.
A nice, positive read.
dev.to
Projects
Announcing Stencil One: Beta
This announcement has been doing the rounds recently with its 133 byte TODO MVC app and so-called “machine learning bundling”.
It looks like a fantastic project.
ionicframework.com
Skate JS
This is a handy project that gives you a nice abstraction layer and structure for Web Components.
github.com
Good Resources
Custom Elements Everywhere
This project runs a suite of tests against each framework to identify interoperability issues, and highlight potential fixes already implemented in other frameworks. If frameworks agree on how they will communicate with Custom Elements, it makes developers' jobs easier; they can author their elements to meet these expectations.
A handy-as-heck resource. Of course, I’m side-eying React here.
custom-elements-everywhere.com
Sponsor
This issue’s sponsor: my Patreon
This issue is sponsored by my Patreon. If you want to sponsor this newsletter, go ahead and back the position: sticky tier.
I want to spend more time working on stuff that benefits the web community, but I also need to feed my family, so I've created a Patreon!
I’d really appreciate your support so I can help folks learn the web platform. The Patreon will hopefully reduce the amount of time I work on client projects and increase the amount of time I can spend working on projects like this one.
Any support will be appreciated and you can select as little as $1 per month!
patreon.com
Thank you
That’s all, folks
If you have any comments, feedback or submissions, please get in touch via Twitter or Email.
You can also submit a link over at https://submissions.webcomponents.news!
Until the next issue, take it easy 🙂
Web Components News