vuexus,spoki4

vuexus's Issues

Milestone vuex package 1.0.0

Установка:

npm install @vuexus/vue

Использование:

import Vuexus from '@vuexus/vue'

Vue.use(new Vuexus())

Описание модуля:

@Module
export class PageModule {
  data = []

  @SubModule
  subModule = new SubModuleClass()

  @Module(ParentModule)
  parentModule!: ParentModule

  get getMyData() {
     return this.data.map(...transform...)
  }

  @Mutation setData(data) {this.data = data}

  @Action async loadSomeData() {
     const response = await dataLoadFunc()
     this.setData(response)
     getStore(AuthModule).logout()
  }

  // Вызывается автоматически в соответствующем жизненом цикле
  @Hook.Created created(options) {
    // options = {params: {}, query: {}, cookies: {}}
    this.loadSomeData()
  }

  // Вызывается автоматически при изменении query параметров
  @Hook.QueryChanged onQueryUpdated(options) {
    // options = {params: {}, query: {}, cookies: {}}
  }
}

Использование в vue Parent:

<template>
   <div class="wrapper">
     <div v-for="item in store.getMyData">
     </div>     
     <child />
   </div>
<template>
<script>
export default {
  name: 'parent',
  stores: {
     store: PageModule
  }
}
</script>

Использование в vue Child:

<script>
export default {
  name: 'child',
  stores: {
     parentStore: PageModule // The same instance, gets from provide/inject
  }
}
</script>

Тесты:

const instance = createTestModule(ModuleClass)

instance.setData([1,2,3])

assert(instance.getData(), [1,2,3])

Can be auto reset when store registering to main controller page

@Store({ reset: true })

Reduce useless register/unregister store

store1 -> component1.beforeCreate -> store1.register -> store1.usages.push(component1)

store1 -> component2.beforeCreate -> store1.usages.push(component2)

component1.destoryed -> store1.usages.remove(component1)

component2.destoryed -> store1.usages.remove(component2) -> store1.usages.length === 0 -> store1.unregister

Уникальные namespaces

Варианты:

Брать из названия класса, обязывать пользователя использовать уникальные названия классов.
Брать название компонтента, где используется модуль, и делать это префиксом для модуля.
babel-plugin -> hashOf(filepath, filename, line, column)

Terser class names collisions

When we use terser in project, that compress our classes and it can be has names as 'a' or 'b' or 'f' and more...

If our class names collide, we cannot register vuex module with same name.

It can be break production builds.

spoki4 / vuexus Goto Github PK

vuexus's People

Contributors

vuexus's Issues

Milestone vuex package 1.0.0

Can be auto reset when store registering to main controller page

Reduce useless register/unregister store

Уникальные namespaces

Terser class names collisions

Recommend Projects

React

Vue.js

Typescript

TensorFlow

Django

Laravel

D3

Recommend Topics

javascript

web

server

Machine learning

Visualization

Game

Recommend Org

Facebook

Microsoft

Google

Alibaba

D3

Tencent