Vite templete

[ryota-murakami]

Currently Create React App redux-toolkit templete is available as a scaffold React Redux project option.

According to npm trends Vite which CRA alternate has become very popular in the last six months.

The main factor is faster build and dev server i think, author's Evan You talked outline of Vite at July, 16.

Vite: Rethinking Frontend Tooling

In the Vite Docs Community Template section, usually template is providing by degit that simple repository clone cli tool.

It so written, seems like we can create a Vite templete for the Redux Toolkit without any special effort.

I think we can provide a more comfortable development environment for users by creating an official Vite template,
what do you think everyone?

[markerikson]

Yeah, I'm totally on board with more templates! :) Like, it would be nice if we had some for React Native and Next as well.

Right now we've got two different template repos, one for JS and one for TS: https://github.com/reduxjs/cra-template-redux and https://github.com/reduxjs/cra-template-redux-typescript .

Maybe it would be worth having a single repo with multiple packages, one for each template?

[ryota-murakami]

It's a good easy-to-maintain way. 😀

[ryota-murakami]

I happened to find Vite's React RTK Query templete from awesome Vite.

https://github.com/PrinceRajRoy/vite-react-rtkq

[ryota-murakami]

@markerikson Hi, I created Vite templete for Redux-Toolkit!
https://github.com/laststance/vite-redux-toolkit-starter

App code is copy of cra-redux-toolkit template.

I'm glad to try it and give me any feedback while if you have a spare time! 😄

[markerikson]

Nice! Yeah, the Redux templates have been kinda neglected for a while - some folks have filed issues or PRs, but I haven't had attention to release anything new.

Tbh I think we ought to consolidate all the templates into a single repo, and then have templates for CRA+JS, CRA+TS, Vite, RN, and Next. (I know Next has their own examples folder, but wouldn't hurt to publish one or something also?)

Could you go file an issue on the current Redux CRA+JS template repo so we can plan this out further?

[ryota-murakami]

Sure, I'll submit issue about it!

[ryota-murakami]

I don't have a time to taking about this until after a month roughly.

Fortunately I'll use NX that monorepo management tool next paid work project, I hope I'll got better monorepo knowledge through the project!

[Konstantin-Koktashev]

I think we need templates for all the major ones, will make adopting rtk into those much easier/quicker.
Templates I think are a must:
NextJs+Typescript+Rtk,
SvelteKit+Typescript+Rtk,
Nuxt+Typescript+Rtk

[nickserv]

We now have an officially maintained Vite template: npx degit reduxjs/redux-templates/packages/vite-template-redux

https://github.com/reduxjs/redux-templates/tree/master/packages/vite-template-redux

[ryota-murakami]

@nickmccurdy Great work nick!
What does tsconfig.node.json mean?

[nickserv]

It's just a Vite convention that configures TS for Node scripts (notably including the Vite config).

[ryota-murakami]

@nickmccurdy I see I got it!

[ryota-murakami]

I'll Continue to vite-rtk-query project as focusing RTK-query. 😄

[ryota-murakami]

I sent 2 PR for Vite Redux templates.

• [vite-template-redux] fix broken build, type-check by ryota-murakami · Pull Request #103 · reduxjs/redux-templates
• [vite-template-redux] fix "ESLint couldn't find the plugin "eslint-pulgin-prettier"." by ryota-murakami · Pull Request #102 · reduxjs/redux-templates

And I suggest remove project root configs(babel.config.js, .eslintrc, .prettierrc etc) that makes change each packages's npm scripts behavior.