SvelteJS Hot

alexlafroscia, to sveltejs
@alexlafroscia@mastodon.social avatar

This might be of particular interest to any @sveltejs fans 👀
https://mastodon.macstories.net/@johnvoorhees/112434501344349786

jimjamslam, to sveltejs
@jimjamslam@aus.social avatar

Do you like ? Do you like ? Sverto 1.0 is here! https://github.com/jimjam-slam/sverto/releases/tag/v1.0.0

Easily include Svelte-powered in your Quarto docs and have them seamlessly react to your Observable JavaScript!

This new release is much easier to use, and I’ll be showing it off at !

A picture of a scatter plot, showing a time series of temperatures. The scatter plot shifts from a red-orange colour scheme to a blue-green one and back again.

geoffrich, to svelte
@geoffrich@front-end.social avatar

#Svelte 5 is now in the "Release Candidate" phase: https://svelte.dev/blog/svelte-5-release-candidate

"This means that the design of the framework is largely settled, with no anticipated breaking changes between now and the stable release, and that the most egregious bugs have been stomped.

"It doesn't mean that it's ready for production, or that nothing will change between now and 5.0. But if you've held off on dabbling with Svelte 5 during the public beta phase, now is a great time to try it out."

kristin_baumann, to svelte

Some D3 canvas and Svelte fun with the Mandelbrot fractal :)

First time trying out @viz_hub: https://vizhub.com/kristinbaumann/mandelbrot_fractal

mauve, to svelte
@mauve@mastodon.mauve.moe avatar

Brushing up on #Svelte to do code reviews for a project and I gotta say it's pretty magical. :P

https://svelte.dev/docs/svelte-components#script-3-$-marks-a-statement-as-reactive

look997,
look997 avatar

@mauve Don't get used to it, they abandoned this syntax in Svelte 5. xD

wiredprairie, to svelte

I'm following the ARIA authoring practices from the W3 for web components I'm writing for a app.

I've been experimenting with lots of companies' web sites and component libraries.

It's disappointing how much variation there is in support (even from big companies). Many have wrongly applied anti-patterns and have failed to cover even 25% of the documented patterns.

A lot of component libraries do the minimum and still claim . 🤬 Trust these after verification.

wiredprairie,

@aardrian Is there a better resource you'd suggest for patterns/practices? I want to do whatever is the current best practices to follow.

I only want to create things when the native component isn't a good fit for a web app (or doesn't exist at all).

aardrian,
@aardrian@toot.cafe avatar

@wiredprairie BBC GEL has some good stuff, and it is typically backed up with testing / feedback:
https://www.bbc.co.uk/gel

Even the support notes on the APG patterns that have them are meh:
https://adrianroselli.com/2023/04/no-apgs-support-charts-are-not-can-i-use-for-aria.html

The third paragraph links to problems I have with APG overall.

kristin_baumann, to svelte

𝗗𝘂 𝗕𝗼𝗶𝘀 𝗗𝗮𝘁𝗮 𝗩𝗶𝘀𝘂𝗮𝗹𝗶𝘇𝗮𝘁𝗶𝗼𝗻 𝗦𝗼𝗰𝗶𝗲𝘁𝘆 𝗖𝗵𝗮𝗹𝗹𝗲𝗻𝗴𝗲 - 𝗪𝗲𝗲𝗸 𝟵/𝟭𝟬. My re-creation of Du Bois' poster no. 51 implemented with D3 & Svelte. Once more close to the original and responsive.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge9
Github: https://github.com/kristinbaumann/du-bois-challenge-2024

kristin_baumann, to svelte

Du Bois Data Visualization Society Challenge - Week 7/10: My recreation of Du Bois' poster no.47, done with D3 & Svelte. Again I tried to recreate it as close to the original as possible, make it responsive and added a pattern fill to match the hand-painted look.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge7
Github: https://github.com/kristinbaumann/du-bois-challenge-2024

seblammers,
@seblammers@vis.social avatar

@kristin_baumann

The pattern fill is great touch!

devgirl_, to sveltejs

🔴 Stream lancé ! 🔴

On continue notre client en @sveltejs aujourd'hui dans le cadre du projet @ApiPlatform ! ✨

D'ailleurs, on aura également @soyuka qui viendra pendant le stream nous parler un peu de API Platofrm justement ! 🧠 Donc si vous avez des questions, venez !

kristin_baumann, to svelte

Du Bois Data Visualization Society Challenge - Week 6/10: My recreation of Du Bois' poster no. 54, done with D3, Svelte. Again I tried to recreate it as close to the original as possible and make it responsive.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge6

Github: https://github.com/kristinbaumann/du-bois-challenge-2024

kristin_baumann, to svelte

Du Bois Data Visualization Society Challenge - Week 5/10: My recreation of Du Bois' poster no. 13, done with D3, Svelte. Added a pattern fill to match the hand-painted look & transitions on load.

Live Version: https://du-bois-challenge-2024.kristin-baumann.com/#challenge5

Github: https://github.com/kristinbaumann/du-bois-challenge-2024

#DuBoisChallenge2024 #d3 #svelte #dataviz

mandrasch, to svelte

Discussed my current painpoints with a bit in Craft Discord. Coming from a Components perspective, the Developer Experience is just not as good currently. Things take much more effort to set up, you need to understand Includes vs. Embeds vs. Macros. This is a general PHP CMS challenge of course. 🤷 On the other hand: You get SSR easily without wild cloud setups in PHP 😉 🤓

Posted about components here if: https://github.com/twigphp/Twig/issues/3951#issuecomment-1970764587

mandrasch,

Got a nice reply on Discord by Andrew Welch

> „Twig isn't great for components currently, but they hopefully will be addressing some of that in Twig 4.“

Fingers crossed! 🤞

andre, to svelte
@andre@fedi.jaenis.ch avatar

Thanks to the amazing effort by @laxla we can now inspect in proper Hebrew:

https://anvil.codeberg.page/anvil/?path=/story/organisms-loginform--plain&globals=locale:he

I broke a little with idioms here insofar as I have Pages merely pass a context object into a component.

This in turn allows me to utilise to describe the interface in different configurations (I have tests in place as well).

It's still early days but we tackle one page at a time to build up this (F2 for short).

In case you are interested in translating, hit me up. Be warned that things might move around or get dropped. I prefer early feedback to easily correct course if needed.

29decibel, to svelte

Working on Svelte is so rewarding as a long time vanilla JS developer. All the accumulated web knowledge over the years just instantly available to you, while enjoying the augmented DX.

I have to say that's the best thing happened to the web. Imagine you don't need to throw away everything in order to progress, instead just enjoy the compounding benefits of your existing web knowledge.

Thank you Svelte team!

oleksify, to svelte

I’m starting to fall in love with @sveltejs I finally have a change to work with Svelte within real production codebase and it's nothing but a pleasure. For a newbie with long React background this feels like - «OMG, it actually could be just that simple!»

It's still early days, and I'm only scratching the surface but so far it feels really good.

silas,
@silas@programming.dev avatar

Welcome! Yeah, I definitely remember the feeling. Feel free to post any questions as you go :)

  • All
  • Subscribed
  • Moderated
  • Favorites
  • megavids
  • mdbf
  • ngwrru68w68
  • tester
  • magazineikmin
  • thenastyranch
  • rosin
  • khanakhh
  • InstantRegret
  • Youngstown
  • slotface
  • Durango
  • kavyap
  • DreamBathrooms
  • JUstTest
  • tacticalgear
  • osvaldo12
  • normalnudes
  • cubers
  • cisconetworking
  • everett
  • GTA5RPClips
  • ethstaker
  • Leos
  • provamag3
  • anitta
  • modclub
  • lostlight
  • All magazines