MastodonTech.de

xoron :verified:React-like functional webcomponents, but with vanilla HTML, JS and CSSIntroducing Dim – a new <a href="https://infosec.exchange/tags/Framework" class="mention hashtag" rel="nofollow noopener" target="_blank">#Framework</a> that brings <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a>-like functional <a href="https://infosec.exchange/tags/JSX" class="mention hashtag" rel="nofollow noopener" target="_blank">#JSX</a>-syntax with <a href="https://infosec.exchange/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VanillaJS</a>. Check it out here: 🔗 Project: <a href="https://github.com/positive-intentions/dim" rel="nofollow noopener" translate="no" target="_blank">https://github.com/positive-intentions/dim</a> 🔗 Website: <a href="https://dim.positive-intentions.com" rel="nofollow noopener" translate="no" target="_blank">https://dim.positive-intentions.com</a>My journey with <a href="https://infosec.exchange/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a> started with Lit, and while I appreciated its native browser support (less <a href="https://infosec.exchange/tags/Tooling" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tooling</a>!), coming from <a href="https://infosec.exchange/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a>, the class components felt like a step backward. The <a href="https://infosec.exchange/tags/FunctionalProgramming" class="mention hashtag" rel="nofollow noopener" target="_blank">#FunctionalProgramming</a> approach in React significantly improved my <a href="https://infosec.exchange/tags/DeveloperExperience" class="mention hashtag" rel="nofollow noopener" target="_blank">#DeveloperExperience</a> and debugging flow.So, I set out to build a thin, functional wrapper around <a href="https://infosec.exchange/tags/Lit" class="mention hashtag" rel="nofollow noopener" target="_blank">#Lit</a>, and Dim is the result! It's a <a href="https://infosec.exchange/tags/ProofOfConcept" class="mention hashtag" rel="nofollow noopener" target="_blank">#ProofOfConcept</a> right now, with "main" <a href="https://infosec.exchange/tags/Hooks" class="mention hashtag" rel="nofollow noopener" target="_blank">#Hooks</a> similar to React, plus some custom ones like useStore for <a href="https://infosec.exchange/tags/EncryptionAtRest" class="mention hashtag" rel="nofollow noopener" target="_blank">#EncryptionAtRest</a>. (Note: <a href="https://infosec.exchange/tags/StateManagement" class="mention hashtag" rel="nofollow noopener" target="_blank">#StateManagement</a> for encryption-at-rest is still unstable and currently uses a hardcoded password while I explore <a href="https://infosec.exchange/tags/Passwordless" class="mention hashtag" rel="nofollow noopener" target="_blank">#Passwordless</a> options like <a href="https://infosec.exchange/tags/WebAuthn" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebAuthn</a>/#Passkeys).You can dive deeper into the <a href="https://infosec.exchange/tags/Documentation" class="mention hashtag" rel="nofollow noopener" target="_blank">#Documentation</a> and see how it works here: 📚 Dim Docs: <a href="https://positive-intentions.com/docs/category/dim" rel="nofollow noopener" translate="no" target="_blank">https://positive-intentions.com/docs/category/dim</a>This <a href="https://infosec.exchange/tags/OpenSource" class="mention hashtag" rel="nofollow noopener" target="_blank">#OpenSource</a> project is still in its early stages and very <a href="https://infosec.exchange/tags/Unstable" class="mention hashtag" rel="nofollow noopener" target="_blank">#Unstable</a>, so expect <a href="https://infosec.exchange/tags/BreakingChanges" class="mention hashtag" rel="nofollow noopener" target="_blank">#BreakingChanges</a>. I've already received valuable <a href="https://infosec.exchange/tags/Feedback" class="mention hashtag" rel="nofollow noopener" target="_blank">#Feedback</a> on some functions regarding <a href="https://infosec.exchange/tags/Security" class="mention hashtag" rel="nofollow noopener" target="_blank">#Security</a>, and I'm actively investigating those. I'm genuinely open to all feedback as I continue to develop it!<a href="https://infosec.exchange/tags/FrontendDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#FrontendDev</a> <a href="https://infosec.exchange/tags/JSFramework" class="mention hashtag" rel="nofollow noopener" target="_blank">#JSFramework</a> <a href="https://infosec.exchange/tags/Innovation" class="mention hashtag" rel="nofollow noopener" target="_blank">#Innovation</a> <a href="https://infosec.exchange/tags/Coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#Coding</a> <a href="https://infosec.exchange/tags/Programmer" class="mention hashtag" rel="nofollow noopener" target="_blank">#Programmer</a> <a href="https://infosec.exchange/tags/Tech" class="mention hashtag" rel="nofollow noopener" target="_blank">#Tech</a>

🌧️ jschof 🌼Does anyone have good reading on how major frameworks make their SPA url router? I'm not talking about a hash router, I'd like to see how (with the server configured properly) the JS handles all the things (history pop state changes, link clicks, etc)<a href="https://c.im/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://c.im/tags/vanillajs" class="mention hashtag" rel="nofollow noopener" target="_blank">#vanillajs</a> <a href="https://c.im/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#webcomponents</a>

Téotime Pacreau<a href="https://mstdn.social/@QueerMatters" class="u-url mention" rel="nofollow noopener" target="_blank">@QueerMatters</a> <a href="https://mastodon.design/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.design/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.design/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VanillaJS</a> and Nunjucks all along <a href="https://github.com/teotimepacreau/www.teotimepacreau.fr" rel="nofollow noopener" translate="no" target="_blank">https://github.com/teotimepacreau/www.teotimepacreau.fr</a>

Tane Piper ⁂Teskoanno is now live! My <a href="https://tane.codes/tags/threejs" class="mention hashtag" rel="nofollow noopener" target="_blank">#threejs</a> powered 3D N-Body simulator is now up - it's a dev build, and not optimised but it works! I tested it on mobile - UI needs to work, but runs well on my Pixel 8 Pro.Would love to get <a href="https://tane.codes/tags/feedback" class="mention hashtag" rel="nofollow noopener" target="_blank">#feedback</a> <a href="https://tanepiper.github.io/teskooano/" rel="nofollow noopener" translate="no" target="_blank">https://tanepiper.github.io/teskooano/</a><a href="https://tane.codes/tags/gamedev" class="mention hashtag" rel="nofollow noopener" target="_blank">#gamedev</a> <a href="https://tane.codes/tags/astronomy" class="mention hashtag" rel="nofollow noopener" target="_blank">#astronomy</a> <a href="https://tane.codes/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://tane.codes/tags/webComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#webComponents</a> <a href="https://tane.codes/tags/vanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#vanillaJS</a> <a href="https://tane.codes/tags/opensource" class="mention hashtag" rel="nofollow noopener" target="_blank">#opensource</a> (Bonus debug tools screenshot)

Téotime Pacreau<a href="https://mastodon.design/@kajou" class="u-url mention" rel="nofollow noopener" target="_blank">@kajou</a> solution 100% <a href="https://mastodon.design/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.design/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.design/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VanillaJS</a> mais sans le défilement de mon côté (flèches et fonctionnalité de défilement à implémenter de ton côté) : - insertion dynamique d'un clone de l'image dans un <dialog> via JS - style image plein écran via CSSTout est documenté ici : <a href="https://github.com/teotimepacreau/eleventy-plugin-img-magnifier/blob/master/.eleventy.js" rel="nofollow noopener" translate="no" target="_blank">https://github.com/teotimepacreau/eleventy-plugin-img-magnifier/blob/master/.eleventy.js</a>En usage sur les images de mon blog

kiarabon, <a href="https://mastodon.design/tags/help" class="mention hashtag" rel="nofollow noopener" target="_blank">#help</a>, je sais pas comment formuler ça efficacement pour une recherche web alors je vais juste poser ma question ici, avec plein de mots : Comment je peux faire un carousel d'images en popup - je m'explique. J'ai une miniature, et au clic je veux que ça ouvre un modal ou whatever, par-dessus la fenêtre active, qui contient le reste des images du carousel. Avec les flèches de navigation itout<a href="https://mastodon.design/tags/HMTL" class="mention hashtag" rel="nofollow noopener" target="_blank">#HMTL</a> <a href="https://mastodon.design/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.design/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VanillaJS</a> only !petit schéma pour visualiser l'idée

postmodernIs there a suite of vanilla JS web components implemented as classes somewhere on <a href="https://npmjs.org" rel="nofollow noopener" translate="no" target="_blank">https://npmjs.org</a>? Like, what if I want a Dark Mode switch or a tags input field with auto-complete that I can import (via import maps, of course), is there a project or namespace where I could find those?<a href="https://ruby.social/tags/vanillajs" class="mention hashtag" rel="nofollow noopener" target="_blank">#vanillajs</a> <a href="https://ruby.social/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#webcomponents</a> <a href="https://ruby.social/tags/npm" class="mention hashtag" rel="nofollow noopener" target="_blank">#npm</a> <a href="https://ruby.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a>

postmodernI'm becoming more convinced that we do not need React or any "virtual DOM". ES6 gives you plenty of tools to define reusable components as JavaScript classes that directly modifies the DOM. Plus you can even extend HTMLElements to create your own hybrid custom HTML elements. Then your components just become objects which wrap around DOM elements and provide methods for interacting with them in an abstract way. <a href="https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements" rel="nofollow noopener" translate="no" target="_blank">https://developer.mozilla.org/en-US/docs/Web/API/Web_components/Using_custom_elements</a><a href="https://ruby.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> <a href="https://ruby.social/tags/vanillajs" class="mention hashtag" rel="nofollow noopener" target="_blank">#vanillajs</a>

postmodernHow many vanilla.js/zero-dependency reusable components are there on <a href="https://npmjs.com" rel="nofollow noopener" translate="no" target="_blank">https://npmjs.com</a>? I can easily write my own components for simple things, like a Dark Mode switch, as plain old JavaScript classes that directly manipulate the DOM. Why can't I simply add a bunch of these components to my project and use import-maps to load them?<a href="https://ruby.social/tags/npmjs" class="mention hashtag" rel="nofollow noopener" target="_blank">#npmjs</a> <a href="https://ruby.social/tags/vanillajs" class="mention hashtag" rel="nofollow noopener" target="_blank">#vanillajs</a> <a href="https://ruby.social/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a>

Téotime PacreauCreated an <a href="https://mastodon.design/tags/Eleventy" class="mention hashtag" rel="nofollow noopener" target="_blank">#Eleventy</a> plugin to zoom images on fullscreen.When hovering, the magnifying glass indicates to the user that the img can be enlarged. A click and it appears enlarged, through a fade-in animation. A click outside the image quit the enlarged view.Under the hood, a <a href="https://mastodon.design/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VanillaJS</a> inserts `<dialog>` <a href="https://mastodon.design/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> modal right before the image. Outside of the modal click =`dialog` disappears. Styled via <a href="https://mastodon.design/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> `@starting-style`.<a href="https://www.npmjs.com/package/eleventy-plugin-img-magnifier" rel="nofollow noopener" translate="no" target="_blank">https://www.npmjs.com/package/eleventy-plugin-img-magnifier</a><a href="https://fosstodon.org/@eleventy" class="u-url mention" rel="nofollow noopener" target="_blank">@eleventy</a> <a href="https://fediverse.zachleat.com/@zachleat" class="u-url mention" rel="nofollow noopener" target="_blank">@zachleat</a> <a href="https://mastodon.design/tags/11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#11ty</a> <a href="https://mastodon.design/tags/builtwith11ty" class="mention hashtag" rel="nofollow noopener" target="_blank">#builtwith11ty</a>

kirabugI love this so much: <a href="https://jan.miksovsky.com/posts/2024/11-12-momboard" rel="nofollow noopener" translate="no" target="_blank">https://jan.miksovsky.com/posts/2024/11-12-momboard</a><a href="https://wandering.shop/tags/amnesia" class="mention hashtag" rel="nofollow noopener" target="_blank">#amnesia</a> <a href="https://wandering.shop/tags/elderCare" class="mention hashtag" rel="nofollow noopener" target="_blank">#elderCare</a> <a href="https://wandering.shop/tags/vanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#vanillaJS</a>

Les OrchardI'm stupidly happy to have solved this puzzle:Learned a couple new-to-me CSS properties. Had a sudden brainstorm wondering if I could do a tab group almost entirely in CSS using details elements. Turns out I can, except with just the itty-bittiest amount of JS to make the tabs display mutually exclusively. Also, some shenanigans with non-shadow-DOM web components just because I can.<a href="https://hackers.town/tags/html" class="mention hashtag" rel="nofollow noopener" target="_blank">#html</a> <a href="https://hackers.town/tags/css" class="mention hashtag" rel="nofollow noopener" target="_blank">#css</a> <a href="https://hackers.town/tags/js" class="mention hashtag" rel="nofollow noopener" target="_blank">#js</a> <a href="https://hackers.town/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://hackers.town/tags/vanillajs" class="mention hashtag" rel="nofollow noopener" target="_blank">#vanillajs</a> <a href="https://hackers.town/tags/webcomponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#webcomponents</a><a href="https://codepen.io/lmorchard/pen/eYqWmvV" rel="nofollow noopener" translate="no" target="_blank">https://codepen.io/lmorchard/pen/eYqWmvV</a>

Ana Tudor 🐯1⃣2⃣ no library heart ❤️ → star ⭐️ wave: <a href="https://codepen.io/thebabydino/pen/XXEdBJ" rel="nofollow noopener" translate="no" target="_blank">https://codepen.io/thebabydino/pen/XXEdBJ</a>An SVG morphing demo with vanilla JS.<a href="https://mastodon.social/tags/SVG" class="mention hashtag" rel="nofollow noopener" target="_blank">#SVG</a> <a href="https://mastodon.social/tags/CodePen" class="mention hashtag" rel="nofollow noopener" target="_blank">#CodePen</a> <a href="https://mastodon.social/tags/geometry" class="mention hashtag" rel="nofollow noopener" target="_blank">#geometry</a> <a href="https://mastodon.social/tags/maths" class="mention hashtag" rel="nofollow noopener" target="_blank">#maths</a> <a href="https://mastodon.social/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.social/tags/vanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#vanillaJS</a> <a href="https://mastodon.social/tags/transform" class="mention hashtag" rel="nofollow noopener" target="_blank">#transform</a> <a href="https://mastodon.social/tags/code" class="mention hashtag" rel="nofollow noopener" target="_blank">#code</a> <a href="https://mastodon.social/tags/coding" class="mention hashtag" rel="nofollow noopener" target="_blank">#coding</a> <a href="https://mastodon.social/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a> <a href="https://mastodon.social/tags/webDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDev</a> <a href="https://mastodon.social/tags/dev" class="mention hashtag" rel="nofollow noopener" target="_blank">#dev</a> <a href="https://mastodon.social/tags/frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#frontend</a> <a href="https://mastodon.social/tags/webDevelopment" class="mention hashtag" rel="nofollow noopener" target="_blank">#webDevelopment</a>

Thomas WeibelEs gibt Augenblicke, da verwünsche ich meine Leidenschaft für Webgames. <a href="https://www.thomasweibel.ch/mahjongg/" rel="nofollow noopener" translate="no" target="_blank">https://www.thomasweibel.ch/mahjongg/</a> <a href="https://swiss.social/tags/vanillajs" class="mention hashtag" rel="nofollow noopener" target="_blank">#vanillajs</a> <a href="https://swiss.social/tags/webapp" class="mention hashtag" rel="nofollow noopener" target="_blank">#webapp</a>

Harry Percivaldoes anyone out there write unit tests (or better yet do <a href="https://fosstodon.org/tags/tdd" class="mention hashtag" rel="nofollow noopener" target="_blank">#tdd</a> for vanilla frontend <a href="https://fosstodon.org/tags/javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#javascript</a> like no react no framework other than your testrunner? <a href="https://fosstodon.org/tags/vanillajs" class="mention hashtag" rel="nofollow noopener" target="_blank">#vanillajs</a>

robrich<a href="https://www.spicyweb.dev/buildless-modern-development-workflows-are-this-close-to-a-reality/" rel="nofollow noopener" translate="no" target="_blank">https://www.spicyweb.dev/buildless-modern-development-workflows-are-this-close-to-a-reality/</a> - <a href="https://hachyderm.io/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VanillaJS</a>, <a href="https://hachyderm.io/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a>, and no build, but a modern workflow for the <a href="https://hachyderm.io/tags/web" class="mention hashtag" rel="nofollow noopener" target="_blank">#web</a>. Super interesting work <a href="https://indieweb.social/@jaredwhite" class="u-url mention" rel="nofollow noopener" target="_blank">@jaredwhite</a>.

Alex CrockerLooking for some feedback on my vanilla Web Component<a href="https://cdn.croc.io/web-components/discord-invite/1.0.0/DiscordInvite.js" rel="nofollow noopener" translate="no" target="_blank">https://cdn.croc.io/web-components/discord-invite/1.0.0/DiscordInvite.js</a><a href="https://mastodon.social/tags/WebComponents" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebComponents</a> <a href="https://mastodon.social/tags/webdev" class="mention hashtag" rel="nofollow noopener" target="_blank">#webdev</a> <a href="https://mastodon.social/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VanillaJS</a>

Daishi KatoProxy-Memoize v2.0.5 is just released! New to this thing? Check out <a href="https://proxy-memoize.js.org/" rel="nofollow noopener" translate="no" target="_blank">https://proxy-memoize.js.org/</a> !It's one of the few non-React libraries that I've created.<a href="https://fosstodon.org/tags/ReactJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#ReactJS</a> <a href="https://fosstodon.org/tags/React" class="mention hashtag" rel="nofollow noopener" target="_blank">#React</a> <a href="https://fosstodon.org/tags/JavaScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#JavaScript</a> <a href="https://fosstodon.org/tags/TypeScript" class="mention hashtag" rel="nofollow noopener" target="_blank">#TypeScript</a> <a href="https://fosstodon.org/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VanillaJS</a>

Téotime Pacreau<a href="https://mastodon.design/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#100DaysOfCode</a> <a href="https://mastodon.design/tags/Day52" class="mention hashtag" rel="nofollow noopener" target="_blank">#Day52</a> : building a Todo with @sveltejs <a href="https://mastodon.design/tags/Svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#Svelte</a> and <a href="https://m.webtoo.ls/@vite" class="u-url mention" rel="nofollow noopener" target="_blank">@vite</a> <a href="https://mastodon.design/tags/vite" class="mention hashtag" rel="nofollow noopener" target="_blank">#vite</a> - using bind: to handle user input and dispath the event - using props to activate function and change states of the component - conditionnaly style with a CSS class activated only when a prop is true Source Code : <a href="https://github.com/teotimepacreau/Svelte-Vite-Todo" rel="nofollow noopener" translate="no" target="_blank">https://github.com/teotimepacreau/Svelte-Vite-Todo</a><a href="https://mastodon.design/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.design/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.design/tags/LearnWebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#LearnWebDev</a> <a href="https://mastodon.design/tags/Javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#Javascript</a> <a href="https://mastodon.design/tags/LearnToCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#LearnToCode</a> <a href="https://mastodon.design/tags/LearnJavascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#LearnJavascript</a> <a href="https://mastodon.design/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#JS</a> <a href="https://mastodon.design/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.design/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.design/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://mastodon.design/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VanillaJS</a>

Téotime Pacreau<a href="https://mastodon.design/tags/100DaysOfCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#100DaysOfCode</a> <a href="https://mastodon.design/tags/Day51" class="mention hashtag" rel="nofollow noopener" target="_blank">#Day51</a> : learning <a href="https://mastodon.design/tags/Svelte" class="mention hashtag" rel="nofollow noopener" target="_blank">#Svelte</a> <a href="https://birdsite.slashdev.space/users/sveltejs" class="u-url mention" rel="nofollow noopener" target="_blank">@sveltejs</a> - dispatching events - working with components - reactivity - propsSource Code : <a href="https://github.com/teotimepacreau/Learn-Svelte" rel="nofollow noopener" translate="no" target="_blank">https://github.com/teotimepacreau/Learn-Svelte</a><a href="https://mastodon.design/tags/WebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#WebDev</a> <a href="https://mastodon.design/tags/Frontend" class="mention hashtag" rel="nofollow noopener" target="_blank">#Frontend</a> <a href="https://mastodon.design/tags/LearnWebDev" class="mention hashtag" rel="nofollow noopener" target="_blank">#LearnWebDev</a> <a href="https://mastodon.design/tags/Javascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#Javascript</a> <a href="https://mastodon.design/tags/LearnToCode" class="mention hashtag" rel="nofollow noopener" target="_blank">#LearnToCode</a> <a href="https://mastodon.design/tags/LearnJavascript" class="mention hashtag" rel="nofollow noopener" target="_blank">#LearnJavascript</a> <a href="https://mastodon.design/tags/JS" class="mention hashtag" rel="nofollow noopener" target="_blank">#JS</a> <a href="https://mastodon.design/tags/HTML" class="mention hashtag" rel="nofollow noopener" target="_blank">#HTML</a> <a href="https://mastodon.design/tags/CSS" class="mention hashtag" rel="nofollow noopener" target="_blank">#CSS</a> <a href="https://mastodon.design/tags/UI" class="mention hashtag" rel="nofollow noopener" target="_blank">#UI</a> <a href="https://mastodon.design/tags/VanillaJS" class="mention hashtag" rel="nofollow noopener" target="_blank">#VanillaJS</a>

Frühere Suchanfragen

Suchoptionen

Verwaltet von:

Serverstatistik:

#vanillajs