Nocturnal Programmer's Machine

    TypeScript icon, indicating that this package has built-in type declarations

    1.2.6 • Public • Published

    📐 Utilities for implementing clean architecture using Redux 📐
    🔩 Focuses on achieving great type inference 🔩
    🎯 Easy to navigate, easy to maintain 🎯

    This repo aims to be a guide on how to implement Clean Architecture using @reduxjs/toolkit.
    The NPM library redux-clean-architecture is a set of type-level utilities that helps achieve perfect type inference.


    • Clears guideline about how to organize your code in accordance with the clean architecture principles.
    • No need to explicitly call dispatch() on the UI side.
    • Strict isolation between the UI and the core. Port your web app to React Native or switch to another UI framework without having to re-write a single line of the core logic.
    • Stop wondering about how things should be named. Thanks to the use of TypeScript's template literal types Name things once then let intellisense guide you.

    Install / Import

    $ yarn add @reduxjs/toolkit redux-clean-architecture

    Examples setups

    Canonical setup

    A canonical setup can be found here: 👉 src/test/demo-app👈 .

    Todos List app

    A todo list example can be found 👉here👈.
    Credit goes to @leosuncin.

    Enterprise grade app

    You can consult the source code of onyxia-web to see how redux-clean-architecture is used in a real world complex application.

    Onyxia: A data science-oriented container launcher.

    Starting the demo app

    git clone
    cd redux-clean-architecture
    yarn build
    yarn start-demo-app


    npm i redux-clean-architecture

    DownloadsWeekly Downloads






    Unpacked Size

    62.2 kB

    Total Files


    Last publish


    • garronej