Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
-
> a literal 5-20x productivity boost
Not really. See a better way here: https://github.com/wisercoder/eureka
Got it thanks for the context.
I've read the web app and it seems to me it is just https://backbonejs.org/ re-written in Typescript and allows JSX.
I'm very certain Typescript and JSX will have improved the DX for Backbone like apps, but it doesn't address all of the other issues that teams had with Backbone.
e.g. Cyclical event propagation, state stored in the DOM (i.e. appendChild is error prone in large code bases), etc.
It seems mostly expected to have a framework or library in place that takes care of data fetching for the root component, but simpler libraries also exist.
The new docs emphasize this, I guess mostly to make users think twice about building their own hook and to make it easy to move initial data fetching to the server.
Frameworks include next.js, remix or vite-plugin-ssr (the last one is maybe an outlier, as it deems itself a library).
Often fetching is tied to routing, which makes sense.
If routing is not needed, AFAIK the go-to solutions right now are react-query or SWR.
https://swr.vercel.app/
react-query has a nice comparison table for data fetching libraries:
https://tanstack.com/query/v4/docs/react/comparison
If routing only takes place on the client, react-router also includes data fetching features:
https://reactrouter.com/en/main/guides/data-libs
I don't know how well react-router fits with SSR.
If none of that fits and the requirements are either very simple or very custom, it should still be possible to manually pass props to the root component.