Redux + React + Typescript：如何减少所需的脚手架数量？

Question

我想知道是否有办法解决我需要检测Redux-Aware组件的问题。看起来需要过多的脚手架。

例如，以下是声明redux-aware组件所需的最小代码：

IEnumerable<DateTimeInterval> GetIntersections(
    IEnumerable<DateTimeInterval>[] personsAvailableSlots);

Answer 1

  

似乎需要过多的脚手架

需要重复的关键事项：

• 某种方式可以说明特定操作对商店带来了什么变化（+代码可以发送此类操作＆lt;这可以与更改定义相结合......见下文）。
• 某种方式可以说明组件所需的商店数据。

没有杀死这些（基本）概念，因此这两件事至少有一行。其余部分可以抽象出来，这就是我在http://alm.tools/使用redux时所做的。

文档：https://github.com/alm-tools/alm/blob/master/docs/contributing/REDUX.md

示例：

新动作

export let addTabs = redux.add('addTabs', (state:StoreState, tabs: TabInstance[]): StoreState => {
    tabs = state.tabs.concat(tabs);
    return {
        tabs
    };
});

连接到商店

@connect((state: StoreState): Props => {
    return {
        errorsExpanded: state.errorsExpanded,
    };
})

Answer 2

由于涉及的开销，我不使用Redux。您可以非常轻松地处理表单上只有React的所有CRUD操作，并节省开销和麻烦。看看这个......

http://bssdev.biz/HowTo/How-to-implement-full-CRUD-forms-with-React-and-asp.net-core