The more I work on #ONI, which is basically a web components frontend for an as basic as possible #ActivityPub client to server service, the more I realize I'm just not built for JavaScript programming.

Despite having put in the hours every day for a number of months, the whole Promise paradigm just doesn't seem to click for me.

Now I'm struggling to create a throbber component (easy) while fetches happen in the background (easy) and then have it replaced (not easy) by actual content (easy).

๐Ÿ˜ฑ Gaaah!!!

#frontend #web_components #litjs #JavasScript

I need to build one of these for my Vue js web app.

I am considering using Lit JS to make it framework agnostic.

How would you all approach this component?

#WebDevelopment #vuejs #litjs #SoftwareDevelopment

๐Ÿ†• post: Passing functions between Angular and lit.js

This post covers an edge case of passing a function to a web component created in lit.js inside an Angular applications.

https://www.sarahgebauer.com/post/passing-functions-between-angular-and-litjs

#litjs #angular #typeScript #webComponents #frontEnd #javaScript

Passing functions between Angular and lit.js

This post covers an edge case of passing a function to a web component created in lit.js inside an Angular applications.

Sarah Gebauer

A love letter to the platform: PopoverAPI + anchor positioning + web components

A simple look at creating your own popover web component

https://jschof.dev/posts/2024/9/love-letter-to-the-platform/

#webcomponents #litjs #anchorpositioning #css #theplatform

Web components + anchor positioning + popover API = I love the platform - Jschof.dev

Man I love the platform. It's gotten really great recently with custom elements, new CSS like anchoring, and new element apis like the popover api. Let's look at making a popover element in this post.

Eleventy + web components is ๐Ÿฅฐ

I added a quick search to my blog:
https://jschof.dev/

Click search, or hit cmd + k (ctrl + k on windows) to see a quick fuzzy search of my posts.

Eleventy serializes out the entries for the search statically, and the quick search web component takes it up and renders!

#webcomponents #litjs #fusejs

Jschof.dev

I love to collaborate and solve problems.

It's been a while! Time for a quick post about `slotchange` and checking the contents of slots in web components!

https://jschof.dev/posts/2024/8/web-components-and-you-9/

#webcomponents #litjs #slots

Web Components and You (part 9): Handling empty slots - Jschof.dev

Sometimes you want to check the contents of slots in the shadow DOM and conditionally do things based on what's in them. Can you do this with slots? Yes! It's a little strange though...

Really like #11tyโ€™s webc! Combined with #rollup, #tailwindcss and #litjs it might make a nice setup.

https://github.com/11ty/webc

GitHub - 11ty/webc: Single File Web Components

Single File Web Components. Contribute to 11ty/webc development by creating an account on GitHub.

GitHub