Skip to content

Commit dd4215b

Browse files
authored
Update Redux example to use Toolkit + update dependencies. (vercel#29104)
After talking with markerikson, I've made some updates to the Redux examples: - Updated the `with-redux` example to use the Redux Toolkit + TypeScript example - Updated dependencies of `with-redux` to work with latest testing setup - Removed `with-redux-toolkit` in favor of `with-redux` - Removed `with-redux-toolkit-typescript` in favor of `with-redux` - Removed `with-redux-code-splitting` in favor of `with-redux`
1 parent 6a9cda5 commit dd4215b

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

55 files changed

+27
-971
lines changed

examples/with-redux-code-splitting/.gitignore

-34
This file was deleted.

examples/with-redux-code-splitting/README.md

-29
This file was deleted.

examples/with-redux-code-splitting/config/redux.js

-15
This file was deleted.

examples/with-redux-code-splitting/containers/about.js

-39
This file was deleted.

examples/with-redux-code-splitting/containers/homepage.js

-39
This file was deleted.

examples/with-redux-code-splitting/package.json

-19
This file was deleted.

examples/with-redux-code-splitting/pages/about.js

-4
This file was deleted.

examples/with-redux-code-splitting/pages/index.js

-4
This file was deleted.

examples/with-redux-toolkit-typescript/.gitignore

-34
This file was deleted.
Original file line numberDiff line numberDiff line change
@@ -1,23 +1 @@
1-
# Redux Toolkit TypeScript Example
2-
3-
This example shows how to integrate Next.js with [Redux Toolkit](https://redux-toolkit.js.org).
4-
5-
The **Redux Toolkit** is a standardized way to write Redux logic (create actions and reducers, setup the store with some default middlewares like redux devtools extension). This example demonstrates each of these features with Next.js
6-
7-
## Deploy your own
8-
9-
Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example):
10-
11-
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-redux-toolkit-typescript&project-name=with-redux-toolkit&repository-name=with-redux-toolkit)
12-
13-
## How to use
14-
15-
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
16-
17-
```bash
18-
npx create-next-app --example with-redux-toolkit-typescript with-redux-toolkit-app
19-
# or
20-
yarn create next-app --example with-redux-toolkit-typescript with-redux-toolkit-app
21-
```
22-
23-
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).
1+
This example has been moved to [with-redux](https://github.com/vercel/next.js/tree/canary/examples/with-redux).

examples/with-redux-toolkit-typescript/package.json

-32
This file was deleted.

examples/with-redux-toolkit/.gitignore

-34
This file was deleted.

examples/with-redux-toolkit/README.md

+1-29
Original file line numberDiff line numberDiff line change
@@ -1,29 +1 @@
1-
# Redux Toolkit example
2-
3-
This example shows how to integrate Next.js with [Redux Toolkit](https://redux-toolkit.js.org).
4-
5-
The **Redux Toolkit** is intended to be the standard way to write Redux logic (create actions and reducers, setup the store with some default middlewares like redux devtools extension). This example demonstrates each of these features with Next.js
6-
7-
## Deploy your own
8-
9-
Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example):
10-
11-
[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-redux-toolkit&project-name=with-redux-toolkit&repository-name=with-redux-toolkit)
12-
13-
## How to use
14-
15-
Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
16-
17-
```bash
18-
npx create-next-app --example with-redux-toolkit with-redux-toolkit-app
19-
# or
20-
yarn create next-app --example with-redux-toolkit with-redux-toolkit-app
21-
```
22-
23-
Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).
24-
25-
### TypeScript Setup (optional)
26-
27-
If you haven't already added [TypeScript](https://www.typescriptlang.org/) to your project, follow the [steps in the Next.js documentation](https://nextjs.org/docs/basic-features/typescript). If you are new to TypeScript, go through the Next.js [learning lesson on TypeScript](https://nextjs.org/learn/excel/TypeScript).
28-
29-
Once TypeScript is added, follow the instructions given on the Redux Toolkit [documentation](https://redux-toolkit.js.org/tutorials/TypeScript) to set up and use Redux Toolkit and React-Redux with TypeScript
1+
This example has been moved to [with-redux](https://github.com/vercel/next.js/tree/canary/examples/with-redux).

examples/with-redux-toolkit/package.json

-15
This file was deleted.
-3.5 KB
Binary file not shown.

examples/with-redux-toolkit/public/logo.svg

-1
This file was deleted.

examples/with-redux-toolkit/src/app/store.js

-8
This file was deleted.

0 commit comments

Comments
 (0)