Didn't realize this was recorded - but here goes a simple @stenciljs component, built online using @webcomp_dev
Video Link starts at the good stuff - don't bother with the rest 😁
youtu.be/2_Q0G-2ivuE?t=1449
I never dove deep into @stenciljs until now, but it is going to be my goto for all UI library work going forward.
It has its pros and cons, but it allowed me to build a library and deliver it to multiple teams working in both Angular and React with framework specific bindings.
The jest of my day. Apple uses @stenciljs more than we expected. And the Webkit devs believe in web components. They are dropping some bombs in Safari.
developer.apple.com/safari/t…
Built a Computed Tomography player using WebGL2 and Stencil from scratch.
It only takes normal .png as input, representing each layer of the tomography, then a WebGL2 shader renders a 3D model by filtering and ray casting across all the layers.
ct-player.firebaseapp.com/
Stencil is able to prerender components to static files, but "how" it does that is by generating a NodeJS hydrate app: stenciljs.com/docs/hydrate-a… The low-level app can also be used for SSR, Angular Universal and more. Big thanks to @gautschcodes for helping with docs!
Well, might as well let the cat out of the bag. We open sourced the bindings for @stenciljs. This means you can build React libraries and Angular libraries for easier consumption of web components. This is how Ionic v4 was built. Blog post coming soon.
github.com/ionic-team/stenci…
Big News 📣
Apple TV website built w/ over 50 @stenciljs generated web components!! 📺
Media kit and video player lazy-loaded on-demand, and using the same components seen on Apple Music (beta).
tv.apple.com/
if you’re looking for a budgeting app that works, DM me and I’ll send you an invite to onegoal.app - my family focused finance app. Set one goal together and we’ll help you accomplish it! Built with @stenciljs@Ionicframework@Firebase