From ccbf7654e1bc003d36f9b740abb2d6758a6abb34 Mon Sep 17 00:00:00 2001 From: Ben Durrant Date: Sat, 6 May 2023 15:48:22 +0100 Subject: [PATCH 1/2] copy over new setup instructions --- docs/introduction/getting-started.md | 18 +++++++++++++----- 1 file changed, 13 insertions(+), 5 deletions(-) diff --git a/docs/introduction/getting-started.md b/docs/introduction/getting-started.md index e1aabbd1d4..d585b594ce 100644 --- a/docs/introduction/getting-started.md +++ b/docs/introduction/getting-started.md @@ -34,16 +34,24 @@ you make your Redux code better. ### Using Create React App -The recommended way to start new apps with React and Redux is by using the [official Redux+JS template](https://github.com/reduxjs/cra-template-redux) or [Redux+TS template](https://github.com/reduxjs/cra-template-redux-typescript) for [Create React App](https://github.com/facebook/create-react-app), which takes advantage of **[Redux Toolkit](https://redux-toolkit.js.org/)** and React Redux's integration with React components. +The recommended way to start new apps with React and Redux is by using [our official Redux+TS template for Vite](https://github.com/reduxjs/redux-templates), or by creating a new Next.js project using [Next's `with-redux` template](https://github.com/vercel/next.js/tree/canary/examples/with-redux). + +Both of these already have Redux Toolkit and React-Redux configured appropriately for that build tool, and come with a small example app that demonstrates how to use several of Redux Toolkit's features. ```bash -# Redux + Plain JS template -npx create-react-app my-app --template redux +# Vite with our Redux+TS template +# (using the `degit` tool to clone and extract the template) +npx degit reduxjs/redux-templates/packages/vite-template-redux my-app -# Redux + TypeScript template -npx create-react-app my-app --template redux-typescript +# Next.js using the `with-redux` template +npx create-next-app --example with-redux my-app ``` +We do not currently have official React Native templates, but recommend these templates for standard React Native and for Expo: + +- https://github.com/rahsheen/react-native-template-redux-typescript +- https://github.com/rahsheen/expo-template-redux-typescript + ### An Existing App Redux Toolkit is available as a package on NPM for use with a module bundler or in a Node application: From 239e32496b77632fb76d8114154f2d612fd3c230 Mon Sep 17 00:00:00 2001 From: Ben Durrant Date: Sat, 6 May 2023 15:49:54 +0100 Subject: [PATCH 2/2] fix title --- docs/introduction/getting-started.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/docs/introduction/getting-started.md b/docs/introduction/getting-started.md index d585b594ce..d513f4e178 100644 --- a/docs/introduction/getting-started.md +++ b/docs/introduction/getting-started.md @@ -32,7 +32,7 @@ you make your Redux code better. ## Installation -### Using Create React App +### Create a React Redux App The recommended way to start new apps with React and Redux is by using [our official Redux+TS template for Vite](https://github.com/reduxjs/redux-templates), or by creating a new Next.js project using [Next's `with-redux` template](https://github.com/vercel/next.js/tree/canary/examples/with-redux).