How do popular UI libraries (like #reactjs, #sveltejs, #solidjs) work together with @TauriApps?

Let's talk about:
✅Cross-Platform Compatibility
✅Development Experience
✅Size and Complexity
✅Learning Curve
✅Security
✅& more

By TejaKumar.

https://crabnebula.dev/blog/the-best-ui-libraries-for-cross-platform-apps-with-tauri

Vue3をアゲアゲ↑↑する記事
https://qiita.com/KentaYokoyama/items/9a4f8b0a3230708a1987?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
#qiita #JavaScript #Vue_js #React #Svelte #SolidJS

→ Qwik introduces a new approach to rendering, though maintains syntax that is near-identical to React, which lowers the learning curve for devs.

#Tauri's setup & configuration are straightforward, making it easy to integrate with existing projects regardless of UI library.

→ Do you want to learn more about Qwik VS Tauri or how other popular frameworks/UI libraries (like #React, #Svelte, #SolidJS, etc.) are compared to @TauriApps?

Check this out:

https://crabnebula.dev/blog/the-best-ui-libraries-for-cross-platform-apps-with-tauri

#solidjs take 2, yesterday. Went a lot better. I think I may like it better than #sveltejs

I am on the fence a bit on the conventions for css but I must confess the scopedn styling is nice.

For comparison I may try #lithtml to determine if that is all I really need.

Do you want to learn more about #Angular VS #Tauri or how other popular frameworks/UI libraries (like #React, #Svelte, #SolidJS, etc.) are compared to @TauriApps?

Check this out:

https://crabnebula.dev/blog/the-best-ui-libraries-for-cross-platform-apps-with-tauri

“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.

https://thathtml.blog/2023/08/react-is-not-modern/

#React #JavaScript #frameworks #Preact #Svelte #Vue #SolidJS #LitElement

→ #SolidJS, also like #Tauri, aims to be as minimal as possible, often resulting in smaller bundle sizes compared to React, Vue, and Angular, and similar sizes to Svelte. 💻

However, at scale, the need to add plugins for additional functionality could increase complexity.

@TauriApps provides a unique capability for a wide range of JavaScript-based libraries and frameworks, enabling them to be packaged as desktop applications for Windows, MacOS, and Linux.

Learn more: ⬇️

https://crabnebula.dev/blog/the-best-ui-libraries-for-cross-platform-apps-with-tauri#solidjs

→ #Solidjs uses a specific reactivity system, which means it can track dependencies at a granular level and only update the parts of the DOM that depend on changed state. 🤓

This results in highly optimized updates.

→ Solid's performance is often compared favorably to that of other libraries and frameworks due to its fine-grained reactivity and compile-time optimizations.

👇

SolidJS + Tauri 🤝

#solidjs and @TauriApps form a potent combination for creating performant, lightweight, and secure experiences.

⬇️⬇️⬇️

→ SolidJS is a reactive UI library that is similar to Sveltejs in the way it compiles away reactivity and updates the DOM directly, but it also incorporates a fine-grained reactivity system reminiscent of libraries like Marko, Knockout, and MobX.

SolidJS is designed with performance as its primary focus.

👇

@brillout Not a fan of #SolidJS, since they have Russian propaganda on their main page. 🫥

When it comes to local first web applications, is #htmx better, worse, or the same as things like #solidjs, #leptos and #elm?

I want to create a front end that would work local-first with a rust core/backend.

@davidshq Both personally and professionally I use vanilla JavaScript. Often I feel like I’m fighting with the trendy frameworks and libraries to do what I want, where it would be so much cleaner and faster to do in vanilla. They can take document.querySelector() from my cold dead hands! 😛

I still do try to keep up on new things and evaluate them in toy projects, just to make sure I’m not missing anything. Right now I’m playing around with #solidjs, but it hasn’t sold me quite yet.

Follow-up on my delve into SolidJS and Svelte:

I recently completed a rewrite of the first game I wrote in Svelte to port it over to Solid instead.

Everything is much tidier and more modularized. Some of that is probably due to me not having used Svelte perfectly the first time around.

But also, I feel like Solid nudges me ever so slightly towards structuring my code better than when I was writing the same functionality in Svelte.

Anywho, your mileage may vary.

#javascript #solidjs #svelte

I've started toying with SolidJS today and this is reallllllly neat! The documentation is great, the API is awesome and the TypeScript integration is perfect. I played a bit with Sveltekit last week-end but had to fight with the magic types in neovim and was also not convinced by the syntax.

So far SolidJS gets its right and fast :).

https://www.solidjs.com

#solidjs #frontend #dev #neovim #typescript

People who moved from the Emotion library to Tailwind CSS, what motivated you to move to it?

#CSS #WebDev #Tailwind #TailwindCSS #Emotion #React #EmotionCSS #EmotionJS #ReactJS #SolidJS

@fogoplayer This is a more nuanced look at reactivity in different frameworks 🔗 https://www.builder.io/blog/reactivity-across-frameworks

I’ve been looking for this link for ages! I saw Miško Hevery give this blogpost as a talk live a few months ago and I think it’s very well put together

#reactjs #reactivity #qwik #solidjs

Why don't some people like CSS-in-JS?

Is it because code written in CSS-in-JS don't allow you to take advantage of the "cascading" nature of CSS?

Is it because you can't take advantage of selectors?

Is it because there might be some compilation steps required when employing CSS-in-JS? And if compilation isn't used, there might be some render-time slowdown?

#css #javascript #jsx #react #solidjs #preact #cssinjs #webdevelopment?

次のプロジェクトSolidJSで作りませんか？
https://qiita.com/tonio0720/items/ad2c33d9bea57435f5ea?utm_campaign=popular_items&utm_medium=feed&utm_source=popular_items
#JavaScript #TypeScript #Vue_js #React #SolidJS

@Jdreben @guardiarris@emacs.ch @maegul Yes, at least #Leptos takes the #SolidJS approach of using signals to update only the minimal amount of DOM that actually changes.

Regarding JS: you don't need to touch it explicitly in those frameworks, BUT: it is still used to manipulate the #DOM.

For this to work, a lib called wasm-bindgen is used (awesome piece of technology!), which basically bridges #Rust <-> #JS:

https://rustwasm.github.io/docs/wasm-bindgen/

leptos_dom depends on it:
https://github.com/leptos-rs/leptos/blob/4ade062cd8cdbe9128aa7a2c8169c17c9d3e874c/leptos_dom/Cargo.toml#L28

#RustLang #WASM

[1/3]

At work, we have been kicking the tires on a game I built in SolidJS. It is now in internal beta. Thus far, my experience has been:

– Solid is much more pleasant to work with than React. To the point where I feel like a schmuck for all the years I wasted on React, and hope to never be in a position where I have to work with it again.

#javascript #playwright #solidjs #testing

https://solidjs.com