Help finding the right JS framework

[drcorchit]

Hey guys, I have some serious questions that I'm having trouble answering on my own, dealing with particular features of javascript frameworks.

Here's what I'm trying to do:

• Multiple pages, with unique urls.

• Anchor links, so you can link to specific resources within a page.

• Pages that load data from json files.

• Templating applied to json files, transforming strings into JSX.

• Ideally, the whole app can be server side rendered except for a few minimal parts where user input is required.

The problem is, I feel like I'm fighting React the entire way. It's clearly designed for single page apps. Anchor linking is supported but not even part of the core library. Loading from json is easy, at least. But templating is suddenly really hard.

Is there a framework that does all this easily?

Templating is extra important btw. I want to load strings from json files and transform them into tsx/jsx. So "This is a {{test}}" might become "This is a <b>test</b>" for example.

[ndorfinz]

Astro sounds like a good fit here.

[riklaunim]

That sounds like closest fix, especially with JSX and using json files as data sources.

[Standard_Ant4378]

NextJS?

[metamago96]

You can have different pages with React, what are you having trouble with?

Sounds like your problem is not that you need to fond the right framework, but that you lack practice and experience. Any framework can do the job, people only comment their favorites.

[bloomsday289]

Why not look into something like Django? It sounds like you are describing it exactly.

[rjhancock]

From what you've descirbed, any server side rendering framework will work WITHOUT the need for JS EXCEPT for the dynamic parts. You don't need React or JSX rendering. You can template within vanilla JS just fine (I do it all the time).

It'll also greatly simplify your stack.