is it indended to not have plain JavaScript version of framework mode at all?

[ghost]

im looking through examples, neither a single example of pure SPA (no ssr) nor any examples written in plain javascript, do you realistically expect everyone rewrite their projects in TSX format looking at examples?

[gustavopch]

These 2 don't use SSR (I didn't check the other examples):

• https://github.com/remix-run/react-router/tree/eb19c3fae9e72aee3cfafb78bc87cae64c3b725b/examples/basic
• https://github.com/remix-run/react-router/tree/eb19c3fae9e72aee3cfafb78bc87cae64c3b725b/examples/basic-data-router

I guess it would be too much work to keep a JS and a TS version of each example. These 2 examples aren't using a lot of TS syntax. Basically, you just need to ignore .d.ts files and remove type information after :, as and satisfies. Search for convert typescript to javascript and you'll find some tools that may be useful. You can also paste the code into an AI and ask it what parts are TS so you can take the opportunity to get familiar with TS syntax.

[ghost]

I know how to convert it into js, but its not as trivial as simply removing the types. AIs aren't familiar with router 7 and not used to it either, they get confused, it was final released after models were made,

first example you've given is not using framework mode: https://github.com/remix-run/react-router/blob/eb19c3fae9e72aee3cfafb78bc87cae64c3b725b/examples/basic/src/main.tsx

second example, afaik is using data mode: https://github.com/remix-run/react-router/blob/eb19c3fae9e72aee3cfafb78bc87cae64c3b725b/examples/basic-data-router/src/app.tsx

https://reactrouter.com/start/modes#framework however but below that you can see hard usage of typescript

now i wonder whether i need router or not, this is insane, 10000 random components which might cause unintended re-rendering

[gustavopch]

Ah, true, I didn't realize you were asking about the framework mode. Although AIs don't know about React Router v7, they don't really need to know specifics of the framework to know what parts are TypeScript syntax. There isn't a lot of TypeScript syntax in https://reactrouter.com/start/modes#framework and I'm not sure what in the screenshot is related to TypeScript, I'm just seeing a lot of React components.

[brookslybrand]

We do have a JavaScript template

We can definitely add a SPA mode template, but you can also just turn ssr: false, so not sure there's a huge reason to add a template for that

[ghost]

i am going to test that template in a second

[ghost]

okay thanks its working well but ive still gotten the issue which is weird, some components get rendered twice (no im not speaking of shadow rerendering), actual rerenders on router init

At least im not getting weird bug with re-rendering of each component outside of outlet during navlink clicks which was super weird (me thinking it must only update the components inside outlet)