logoalt Hacker News

exceptionetoday at 10:47 AM3 repliesview on HN

Can a SolidJS or an other non-React user chime in to explain what their experience is when using a more `modern|unorthodox` framework for a data-heavy SPA that uses lots of components?

For react you have got Mui(x). Especially the datagrid with the myriad of options is something which I cannot fathom to rebuild myself. I mean, look at this [0], which just is about the grouping options.

When I see other component libraries I think: nice, this is only 10% of what I need. So I am curious if and how people use non-React stuff to build `heavy` SPA applications. Maybe I can learn something.

For me the selling points for React are:

  - functional: components are pure functions 
    (with caveats 1. as much as possible; 2. from a dev experience)

  - large component libraries. High quality, battle tested, and well documented.

---

0. https://mui.com/x/react-data-grid/row-grouping/


Replies

jmulltoday at 12:17 PM

With Svelte anyway, a third-party component just gets in the way.

You just make whatever it is you want in HTML and make it reactive (put it in a file with the right extension and add the svelte-specific reactivity you want).

It's simple/straightforward, does exactly what you want, and instead of spending time mastering the API of some component, you mostly spend time using the HTML/JS/CSS you already know.

show 2 replies
hombre_fataltoday at 12:23 PM

Not much is going to compete directly with React's ecosystem maturity.

But, of course, there's the option you have when using a non-React library in React: on mount, you instantiate the library in a ref, and then you use effects to turn reactive state updates into library invocations.

For example, wrapping https://datatables.net/ if there were no React adapter.

show 1 reply
voattoday at 11:29 AM

Most of the modern front end frameworks can handle those use cases.

Solid, Vue, Svelte all have capable SPA frameworks and component libraries

show 1 reply