Upgrade with-redux example to app router

[dvakatsiienko]

What?

Update with-redux example.

Why?

with-redux example have:

• outdated packages
• outdated approaches and relies on pages directory

Since app router is stable now and is recommended to use, I've updated this example.

How?

An update includes:

• move example to app router
• update package.json deps to the latest versions
• modernize jest by switching from ts-node to @swc/jest
• fix and overhaul tests
• modernize redux infra
• overhaul example source code quality

[dvakatsiienko]

Hi, @leerob @steven-tey

It seems that Github Actions CI got broken at Socket Security: Pull Request Alerts and it blocks CI pipeline to advance.

This happens for multiple PR's related to examples directory. I've created an issue for that.

[socket-security]

New dependency changes detected. Learn more about Socket for GitHub ↗︎

---

🚨 Potential security issues found in this pull request. To accept the risk, merge this PR and you will not be notified again.

Bot Commands

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of package-name@version specifiers. e.g. @SocketSecurity ignore foo@1.0.0 bar@* or ignore all packages with @SocketSecurity ignore-all

• @SocketSecurity ignore @swc/core@1.3.60

📜 Install scripts

Install scripts are run when the package is installed. The majority of malware in npm is hidden in install scripts.

Packages should not be running non-essential scripts during install and there are often solutions to problems people solve with install scripts that can be run at publish time instead.

Package	Script field	Source
@swc/core@1.3.60 (added)	postinstall	examples/with-redux/package.json via @swc/jest@0.2.26

Pull request alert summary

Issue	Status
Install scripts	⚠️ 1 issue
Native code	✅ 0 issues
Bin script shell injection	✅ 0 issues
Unresolved require	✅ 0 issues
Invalid package.json	✅ 0 issues
HTTP dependency	✅ 0 issues
Git dependency	✅ 0 issues
Potential typo squat	✅ 0 issues
Known Malware	✅ 0 issues
Telemetry	✅ 0 issues
Protestware/Troll package	✅ 0 issues

---

📊 Modified Dependency Overview:

➕ Added Package	Capability Access	+/- Transitive Count	Publisher
@swc/core@1.3.60	filesystem, shell, environment	+10	kdy1
@types/redux-logger@3.0.9	None	+0	types
waait@1.0.5	None	+0	wesbos
react-redux@8.0.5	None	+0	acemarke
@swc/jest@0.2.26	filesystem	+12	kdy1
jest-watch-typeahead@2.2.2	None	+4	simenb

🚮 Removed packages: @testing-library/user-event@13.5.0, ts-jest@27.1.5

[leerob]

It would be great to simplify this example. Remote saas, remove testing, and focus specifically on Next.js + Redux only in the most minimal, yet complete, example.

[dvakatsiienko]

Sounds like a good idea, I'll simplify it.

[dvakatsiienko]

@leerob I've removed tests and sass, see if all good now.

[balazsorban44]

Let's drop src as well, to match other examples.

[balazsorban44]

Let's not add barrel files (index.ts files that are just re-exports), feels like adding complexity instead of reducing it.

[dvakatsiienko]

@balazsorban44 removed src folder, and barrel files.

[ijjk]

Allow CI Workflow Run

• approve CI run for commit: eec7825

Note: this should only be enabled once the PR is ready to go and can only be enabled by a maintainer

[ijjk]

Allow CI Workflow Run

• approve CI run for commit: eec7825

Note: this should only be enabled once the PR is ready to go and can only be enabled by a maintainer

Addressed!