kujiale / tacky Goto Github PK

View Code? Open in Web Editor NEW

38.0 38.0 5.0 1.84 MB

Enterprise-level front-end framework based on react

Home Page: https://kujiale.github.io/tacky/#/zh-cn/

License: MIT License

JavaScript 3.24% TypeScript 96.76%

frontend-framework react state-management

tacky's People

Contributors

Stargazers

Watchers

Forkers

zhu-xiaoming sanwan paperscz geoffgu poiuy-trewq

tacky's Issues

dependency collect accuracy problem and bug

doc support en

web worker plugin

@computed 计算属性和类似 watch 的功能

provide vscode macro

stick support function component

provide close auto merge mutation become once transcation feature

Add a 'state snapshot feature' switch to reduce the memory cost

If you both use @mutation and @Reducer, it will produce more performance cost. So we need to add a switch to close @Reducer and time machine support for someone do not want to use these features.

Notice: if you disallow these features, built-in logger middleware also cannot be used.

performance improvement & performance log？

子类继承基类，会导致子类丢失 domain 初始化的过程

domain.load()

state persistence

temporary, don't have requirement

for example:

@state('localStorage', 2000)

class 传入的 interface 无法应用到属性上

time travel plugin

In some cases, need revoke and restore feature, like web software.

code splitting bug

$merge update

two different action maybe trigger the same view update, for performance, need to provide merge action api, these actions update state in one transcation

Do we need to add some operator like rxjs？

delay
merge
race
all
cancel
fork
call
put
take
takeEvery
takeLatest
takeLeading

field decorator for function in typescript

need to support the following style in typescript

@mutation method = () => {}
@effect method = () => {}

Missing export static method by @stick decorate

关于 tacky 的定位问题疑问

tacky 的状态管理和它的配套工具(dev-tools等)都是自研的，看 Readme 作者是想让它成为一个企业级应用框架，我理解需要做很多事消耗很多时间，而且方向也比较大。我个人觉得最好先定位为状态管理库，完善后再考虑整个企业级框架的东西。

provide dev tool

@tacky need a logo

add performance benchmark

first render need to render twice, have any better idea to solve the problem

componentDidMount() {
  this.unsubscribeHandler = store.subscribe(() => {
    this.refreshView();
  }, this.componentInstanceUid);
  /*
    * Trigger action on target component didMount is faster than subscribe listeners.
    * TACKY must fetch latest state manually to solve the problems above.
    */
  this.refreshView();
}

effect can return value for abort api call

@effect
async fetch() {
  let pendingRequest = API.call(); // promise
  this.$update({ isLoading: true });

  function autoRun() {
    const result = await pendingRequest;
    this.$update({ isLoading: false, result });
  }

  function abort() {
    pendingRequest.abort();
  }
  
  return {
    abort,
    autoRun,
  }
}

kujiale / tacky Goto Github PK

tacky's People

Contributors

Stargazers

Watchers

Forkers

tacky's Issues

Recommend Projects

Recommend Topics

Recommend Org

Jobs