GitHub - garronej/clean-redux: 📐 Clean Architecture with Redux
source link: https://github.com/garronej/clean-redux
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
Toolkit 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 clean-redux is a set of utils that you will need to achieve perfect type inference.
Benefits
Implementing the approach exposed here enables large-scale app to remain maintainable for years even in the context of frequent developer turnover. The provided utilities internally leverage TypeScript's template literal types witch makes the developer experience truly next level.
clean-redux_with_react.mov
Note that there is no need to explicitly call dispatch and the result of the selector are automatically
wrapped into object so they can be destructured with the correct name.
Note also that in the examples we use React but clean-redux is UI framework agnostic.
Install / Import
$ yarn add @reduxjs/toolkit clean-redux
Documentation
Canonical Clean Architecture setup: src/test/demo-app.
To understand what the functions exposed by clean-redux do in detail, please refer to
the compile time unit tests
they worth more than a thousand words.
A production example
Starting the demo app
git clone https://github.com/garronej/clean-redux cd clean-redux yarn yarn build yarn start-demo-app
Recommend
-
14
Safely bundle server environment variable into react apps Motivation We want to be able to do that docker run --env FOO="xyz" my-org/my-app then access FOO in the app like proce...
-
16
Files Permalink Latest commit message Commit time
-
8
Frontend Clean Architecture An example app built using the clean architecture. Things to Consider There are a few compromises and simplifications in the code that are worth to be mentioned. Shared Kernel
-
8
A collection of utilities to step up your TypeScript game Documentation Three GIFs to convince you that you need tsafe in your life Assert...
-
141
garronej/tss-react: ✨ makeStyles is dead, long live makeStyles! ✨ README.md
-
9
Use environment variables in create-react-app projects
-
6
PHP Clean Architecture Инструмент для автоматизации контроля над качеством архитектуры приложений написанных на PHP, а также упрощения анализа и визуализации некоторых метрик. Идея его создания была навеяна книгой "Чистая Архи...
-
7
Clean Architecture Template A Node template that follows the Clean Architecture principles and encourages good practices. Features TypeScript first Dependency injection via Awilix CQRS (Command...
-
9
garronej/ts-ci main
-
10
Clean Architecture React This project is an experiment in applying clean architecture with React. Important Inside a React context, Clean Architecture will always be some kind of adaption. The key is separation of concerns...
About Joyk
Aggregate valuable and interesting links.
Joyk means Joy of geeK