tanstack.com VS live_svelte

- UI kit (I personally have good experience with React Material UI - https://mui.com/; there is also https://tanstack.com/)

I recently listened to a talk by Tanner Linsley, the creator of TanStack (React Query), about his personal experience in the open-source community. I highly recommend listening to it:

Link - https://tanstack.com/

tanstack router

Svelte doesn't use a virtual DOM and when it compiles, it only targets what you are specifically using it for.

The thing with Svelte is that for a big project (like an SPA) you're going to end up using SvelteKit, because that's where all the development focus is for things like routing etc... and SvelteKit isn't nearly as settled. As in, there aren't developed "patterns" for doing a lot of things yet so it's a lot of trailblazing. There's also some features that are missing and on the roadmap but SvelteKit just hit 1.0 in December (these are usually more obscure things but you will still likely encounter them if you're building something of moderate complexity.)

I still think overall it would be fine to use for a big project, but a year from now I think it will be a much easier choice. Something that is happening right now is a lot of big players in the wider JS ecosystem are transforming from being React specific to framework agnostic:

- NextJS -> Auth.js: https://twitter.com/balazsorban44/status/1603082914362986496

- React Table / React Query -> TanStack Table, TanStack Query: https://tanstack.com/

This has all happened in the last few months. So it's still new, and they're still improving as they move away from being React specific. People rely on those projects. As more move in that direction I think it will become easier and easier.

5: TanStack React

This is where the TanStack comes in. I really hope that the fact that the TanStack has all packages built in a framework-agnostic way will help adoption of non-React libraries over time. Think about it: If you need to fetch some data, render a table and maybe virtualize it - you can do all of that with the TanStack. And if you know how to do this in React, you also already know how to do it in Solid, Svelte or Vue.

Other popular packages in this generation include the tanstack series of packages:

Disclaimer, I'm the founder of AG Grid, however I'm also friends with Tanner. You can see from tanstack.com that AG Grid is both a sponsor but more importantly a partner with TanStack.

Bun is an executable as far as I understand. Would it be possible to call Bun code directly from another language with bindings?

For example Erlang (and Elixir) has Native Implemented Functions[0] (NIF) where you can call native code directly from Erlang. Elixir has the zigler[1] project where you can call Zig code directly from Elixir.

Maybe you can see where I'm going with this, but it would be super cool to have the ability to call Javascript code from within Elixir. Especially when it comes to code that should be called on the server and client. I'm the developer of LiveSvelte[2] where we use Node to do SSR but it's quite slow atm, and would be very cool to use Bun for something like this.

In any case Bun is super impressive, keep it up!

[0] https://www.erlang.org/doc/tutorial/nif.html

[1] https://github.com/E-xyza/zigler

[2] https://github.com/woutdp/live_svelte

Remote: Yes (Remote only)

Willing to relocate: no

Technologies: Elixir, Phoenix, Svelte, Django, Python

Résumé/CV: Upon request

Email: [email protected]

GitHub: https://github.com/woutdp

Website: https://wout.space/

Current project: https://github.com/woutdp/live_svelte

Past project: https://geoquest.gg/ (made in SvelteKit)

Full-Stack Web Developer. Looking for Elixir/Phoenix work. 7+ years of professional experience working with various web technologies, mainly Python, Django and Svelte(Kit). Would be open for working with Python/Django/Svelte(Kit). Also open to work on frontend and/or backend only projects. Website refresh/new website projects is also something I'm interested in.

Availability: part-time, +- 25 hours per week or less

Location: Vancouver Canada, Remote

Remote: Yes (Remote only)

Willing to relocate: no

Technologies: Elixir, Phoenix, Svelte, Django, Python

Résumé/CV: Upon request

Email: [email protected]

GitHub: https://github.com/woutdp

Website: https://wout.space/

Current project: https://github.com/woutdp/live_svelte

Past project: https://geoquest.gg/ (made in SvelteKit)

Full-Stack Web Developer. Looking for Elixir/Phoenix work. +7 years of professional experience working with various web technologies, mainly Python, Django and Svelte(Kit). Would be open for working with Python/Django/Svelte(Kit). Also open to work on frontend and/or backend only projects. Website refresh/new website projects are also something I'm interested in.

Hi I'm a Full-Stack Web Developer. Looking for Elixir/Phoenix work. +7 years of experience working with various web technologies, mainly Python, Django and Svelte(Kit). Would be open for working with Python/Django/Svelte(Kit). Also open to just work on frontend and/or backend only projects. Website refresh/new website projects are also something I'm interested in.

Availability: +- 20 hours per week or less, hourly or contract work

- Current project: https://github.com/woutdp/live_svelte

- Past project: https://geoquest.gg/ (made in SvelteKit)

- GitHub: https://github.com/woutdp

- Website: https://wout.space/

- Contact: [email protected]

For very high degree of interactivity I've been working on LiveSvelte which might solve that issue for you. Your other points still stand though.

https://github.com/woutdp/live_svelte

I've been working on LiveSvelte[0] which might answer this in the LiveView example. It integrates LiveView with Svelte and has SSR support by calling Node from within Elixir, I wouldn't call it unholy, it's quite nice :)

Routing is fully handled by Phoenix, and you can get quite fast page transitions with Live Navigation Events. It's just that whenever you need complex frontend state you can offload it to Svelte, while still maintaining that backend interopability, in this case with E2E reactivity.

What's also really nice is that LiveView and Svelte are both very declarative in the way they handle the 'view' layer. And so they map really well onto eachother.

I also wrote a blogpost[1] on the topic.

[0] https://github.com/woutdp/live_svelte

[1] https://wout.space/notes/live-svelte