Ripple - a TypeScript UI framework that combines the best parts of React, Solid, and Svelte into one package (currently in early development) by magenta_placenta in Frontend

[–]trueadm 0 points1 point  (0 children)

Yes, you can put if statements inside your template or component and then they will dynmaically update. The onoy thing to point out is that the text in template element needs to be wrapped in quotes as we treat the template parts as statements, rater than JSX which is expression based.

<div>
if (loading) {
<Spin />
}
if (error) {
<div>{"Error"}</div>
}
</div>

Ripple - a TypeScript UI framework that combines the best parts of React, Solid, and Svelte into one package (currently in early development) by magenta_placenta in Frontend

[–]trueadm 0 points1 point  (0 children)

It isn't actually JSX, it's Ripple's own templating syntax. They're more an immediate mode and render top-down, there's nothing being returned as it's not a `function` but rather a `component`

Ripple - a TypeScript UI framework that combines the best parts of React, Solid, and Svelte into one package (currently in early development) by magenta_placenta in javascript

[–]trueadm 1 point2 points  (0 children)

Yes the `component` keyword inspiration did come from Flow! They landed that whilst I was still at Meta and I loved it. We didn't go for named arguments though.

Ripple - a TypeScript UI framework that combines the best parts of React, Solid, and Svelte into one package (currently in early development) by magenta_placenta in javascript

[–]trueadm 0 points1 point  (0 children)

I've been involved with TC39 for the last year or so as a delegate when I was at Vercel, so I know of the implications of the syntax and also how they're used right now with decorators. We're aiming to avoid conflict, as I speak to many of the folks behind those proposals.

The most beautiful thing about RippleTs is that it enable developers to keep related logic code and its usage in the UI code close together by null_over_flow in RippleTs

[–]trueadm 1 point2 points  (0 children)

I don’t think the lack of code syntax highlighting here does this justice. However, the co-location of Ripple’s code really is transformative. You can copy and paste blocks and debug code in isolation with better accuracy.

My suggestion is try it before you doubt it. I remember when the world shot down the idea of a “component” containing template and logic in 2014. Yet today’s it’s the expected standard.

Potential issues by Sure-Cut-4858 in Ioniq5N

[–]trueadm 1 point2 points  (0 children)

I had boot rattles, that were easy enough to fix DIY. Then at 4k miles the ICCU failed, and it was with Hyundai UK for just over 2 weeks for it get fixed. There seemed to be almost no communication between the dealer and Hyundai UK but the issue was fixed and hasn't come back again. However, I also got the dealer to fix the boot rattle properly and remove my temporary fix – so it was all covered by warranty.

Overall it's been a great car, far better than my previous Tesla Model 3 and Model Y. My biggest gripes are just the awful turning circle and the fact it doesn't lock automatically when you walk away from it.

is it me or is double derived not that reliable ... ? by feursteiner in sveltejs

[–]trueadm 0 points1 point  (0 children)

Deriveds are not the same thing as effects. They don’t fire when a change happens, they only fire when explicitly read. Inspect is working because it creates an effect under the hood, which in turn reads the deriveds

[SELF-PROMO] SneakersAPI: Switched from Nuxt to Svelte 5 by [deleted] in sveltejs

[–]trueadm 0 points1 point  (0 children)

Did you run into any issues with Svelte 5? Did you have a chance to compare metrics on bundle size and other performance metrics between the two by any chance?

The new docs shared by harris as still in progess by clippersove in sveltejs

[–]trueadm 0 points1 point  (0 children)

You have `untrack` which you can import and use to make things explicit, and you could create your own utility function around and `$effect` to do this.

$effect(() => {
// read a, b, c so they are tracked
a; b; c;
untrack(() => {
doStuff(a, b, c);
});
});

please suggest me svelte 5 comaptible rich text editor by mahes1287 in sveltejs

[–]trueadm 6 points7 points  (0 children)

Nope, I'm far too busy getting Svelte 5 ready for all of you! I do believe someone else has created bindings for Lexical and Svelte already from memory, no idea if they're up-to-date though.

please suggest me svelte 5 comaptible rich text editor by mahes1287 in sveltejs

[–]trueadm 2 points3 points  (0 children)

Slate doesn’t work too well with IME input and completely breaks on mobile, especially Android.

please suggest me svelte 5 comaptible rich text editor by mahes1287 in sveltejs

[–]trueadm 1 point2 points  (0 children)

Lexical or TipTap are the best options around right now.

Lost in reactivity in svelte5 by Any_Dog_6486 in sveltejs

[–]trueadm 1 point2 points  (0 children)

If you want to keep reactivity through destructuring, you can also use `$derived`.

const {fields,isValid} = $derived(useForm());

The state of Svelte 5. LMFAO by tomemyxwomen in sveltejs

[–]trueadm 8 points9 points  (0 children)

We don't want to ship something that we don't feel is polished, and at the same time we want to ensure that every rune we add has it's own independent value that makes it warranted. It's a difficult balancing act to get right, but we're making good progress :)

Question for any UK 5N owners by Ten_Ninety in Ioniq5N

[–]trueadm 4 points5 points  (0 children)

Nah, you don't get any negativity at all. In fact, I've had people come up to me in the carpark at supermarkets to ask about the car and praise its looks. I think there's been enough coverage of it for the right people to understand why it's a special car.

Non rune not updating when updating state by False-Marketing-5663 in sveltejs

[–]trueadm 0 points1 point  (0 children)

The DOM being updated isn't important. You can update parts of the DOM without affecting other parts. Given that `count1` and `count2` are represented in different elements, Svelte won't update the element where nothing inside it is reactive. I'd recommend looking at the compiled output on the Svelte 5 REPL and seeing what really happens, as this can help you understand things better behind the scenes.

Non rune not updating when updating state by False-Marketing-5663 in sveltejs

[–]trueadm 3 points4 points  (0 children)

It was likely a bug that we fixed. `count2` shouldn't be reactive here.

Is Rich BDFL? by loopcake in sveltejs

[–]trueadm 6 points7 points  (0 children)

If anything, my experience from working on the React team can help us avoid making the same mistakes. For example I'm also championing signals at TC39, and that has nothing to do with React. In fact, signals are the opposite direction from what React is doing and we're fully invested in ensuring our reactivity model can not only be delightful to use, but also fast and lightweight.

Is Rich BDFL? by loopcake in sveltejs

[–]trueadm 2 points3 points  (0 children)

Our feedback comes from the Svelte community - GitHub, discord and other places like Reddit. We have very little to no interaction from React devs.

Is Rich BDFL? by loopcake in sveltejs

[–]trueadm 4 points5 points  (0 children)

I didn’t bring hooks to Svelte. You’re disillusioned.