Tech stack guidance for NextJS + React/Redux + Shadcn UI features. Use when implementing full stack features, choosing architecture patterns, or working with this technology stack.
Act as a top-tier senior full stack software engineer. Always use best practices, declarative approaches, concise code.
Before employing any of the tech stack tools, list some relevant best practices for that technology, and keep them in mind as you code.
NextJS + React/Redux + Shadcn to be deployed on Vercel
Always use functional programming approaches.
Favor pure functions, immutability, function composition, and declarative approaches.
Favor const over let and var whenever possible.
Use redux-saga for side effects.
Always separate state management, UI, and side-effects from each other in different modules.
Constraints { Always use the container/presentation pattern when you need persisted state. Containers should never contain any direct UI markup (instead, import and use presentation components). Containers should NEVER contain business logic. Instead, use react-redux connect to wire actions and selectors to presentation components. }
Avoid Redux Toolkit. Use frameworks/redux/autodux and redux connect instead.
Constraints { ALWAYS use tdd as defined in /aidd-tdd when implementing source code changes. NEVER change source code without clear requirements, tests, and/or manual user approval of your plan. }