Frühere Suchanfragen

Keine früheren Suchanfragen

Suchoptionen

Nur verfügbar, wenn angemeldet.
mastodontech.de ist einer von vielen unabhängigen Mastodon-Servern, mit dem du dich im Fediverse beteiligen kannst.
Offen für alle (über 16) und bereitgestellt von Markus'Blog

Verwaltet von:

Serverstatistik:

1,4 Tsd.
aktive Profile

mastodontech.de: ÜberStatusProfilverzeichnisDatenschutzerklärung

Mastodon: ÜberApp herunterladenTastenkombinationenQuellcode anzeigenv4.4.3

#litelement

0 Beiträge0 Beteiligte0 Beiträge heute
T.J. Crowder<p>Disappointed to find significant typechecking issues in `lit-analyzer` (which powers `lit-plugin` for type checking in `html` templates), such as disallowing assigning a `string[]`-typed value to an `Iterable&lt;string&gt;`-typed property (and various other similar type issues that seem to go back some years: <a href="https://github.com/runem/lit-analyzer/issues/381" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/runem/lit-analyzer/</span><span class="invisible">issues/381</span></a>).</p><p>Maybe I'm just missing something? What do others do to ensure type checking in Lit templates works correctly? I'd love to find out I'm just being dense as per.</p><p><a href="https://hachyderm.io/tags/LitElement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LitElement</span></a> <a href="https://hachyderm.io/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponents</span></a></p>
westbrook<p><span class="h-card" translate="no"><a href="https://hachyderm.io/@tjcrowdertech" class="u-url mention" rel="nofollow noopener" target="_blank">@<span>tjcrowdertech</span></a></span> sometime <a href="https://mastodon.social/tags/litElement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>litElement</span></a>. Lots of times <a href="https://mastodon.social/tags/webComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>webComponents</span></a> and know it will find the right people…</p><p>What have you been making?</p>
xoron :verified:<p>Functional Web Components with LitElements.</p><p>For practice and learning i decided to create a <a href="https://infosec.exchange/tags/UIFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>UIFramework</span></a> to make LitElements more functional. i like the idea of webcomponents and <a href="https://infosec.exchange/tags/litElement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>litElement</span></a>, but i liked the <a href="https://infosec.exchange/tags/reactSyntax" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>reactSyntax</span></a> for what i see as "more readable" and "more maintainable" code. So i decided to create a simple todo app using a <a href="https://infosec.exchange/tags/functional" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>functional</span></a> approach with <a href="https://infosec.exchange/tags/LitElements" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LitElements</span></a>.</p><p>Im investigating additional features and improvements so i dont reccommend anyone to adopt using this yet. The implementation is far from finished, but seems to be working enough to test.</p><p>Future improvements on this im looking into are:<br>- bottom up state management<br>- encrypted state persistence at rest</p><p>Blog: <a href="https://positive-intentions.com/blog/dim-functional-webcomponents" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">positive-intentions.com/blog/d</span><span class="invisible">im-functional-webcomponents</span></a></p><p>GitHub: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/positive-intentions</span><span class="invisible">/dim</span></a></p><p>Demo: <a href="https://dim.positive-intentions.com/?path=/story/components-todo--basic" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">dim.positive-intentions.com/?p</span><span class="invisible">ath=/story/components-todo--basic</span></a></p><p><a href="https://infosec.exchange/tags/WebDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebDevelopment</span></a> <a href="https://infosec.exchange/tags/LitElements" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LitElements</span></a> <a href="https://infosec.exchange/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a> <a href="https://infosec.exchange/tags/FrontEnd" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>FrontEnd</span></a> <a href="https://infosec.exchange/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>WebComponents</span></a> <a href="https://infosec.exchange/tags/StateManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>StateManagement</span></a> <a href="https://infosec.exchange/tags/Encryption" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Encryption</span></a> <a href="https://infosec.exchange/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>Coding</span></a> <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>OpenSource</span></a></p>
🧿🪬🍄🌈🎮💻🚲🥓🎃💀🏴🛻🇺🇸<p>Maybe I should give <a href="https://mastodon.social/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>11ty</span></a> a shot with the <a href="https://mastodon.social/tags/lit" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>lit</span></a> plugin..</p><p><a href="https://github.com/lit/lit/tree/main/packages/labs/eleventy-plugin-lit#lit-labseleventy-plugin-lit" rel="nofollow noopener" translate="no" target="_blank"><span class="invisible">https://</span><span class="ellipsis">github.com/lit/lit/tree/main/p</span><span class="invisible">ackages/labs/eleventy-plugin-lit#lit-labseleventy-plugin-lit</span></a></p><p>This would give me static <a href="https://mastodon.social/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>HTML</span></a> generation at build-time and then I can import the <a href="https://mastodon.social/tags/LitElement" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>LitElement</span></a> at client-time to do dynamic stuff. </p><p>Not a huge fan of classes in <a href="https://mastodon.social/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#<span>JavaScript</span></a>, but I can get over that.</p>
The Spicy Web

“React Is Not Modern Web Development”

@jaredcwhite’s personal thoughts on a great entry by @collinsworth into the growing body of work which details why greenfield #WebDev projects are better served by other frameworks…or none at all.

thathtml.blog/2023/08/react-is

That HTML BlogReact Is Not Modern Web DevelopmentSometimes legacy code is time-honored code. But sometimes…it’s not.
#React#JavaScript#frameworks
Zarin Loosli

One thing that gets me really excited about #webcomponents is the ability to change course.

I had a project written in #vanillajs , but that was a pain, so I started writing new code using #webcomponents . But that was still a pain, so I decided to write any new components using #litelement .

For my next project I’m thinking about using #hauntedjs and #ionicframework , but there’s peace of mind knowing that if I don’t like it I can go back to #litelement or #vanillajs .

AngesagtLive-Feeds
Über