effector-vue - npm Package Versions

effector-vue 23.1.0

• Update useVModel bindings (issue #1150)
• Add support for options api for vue 3 (useful for large codebase migration from vue 2) (issue #1178)

Big thanks to egoson for making this release possible

effector 23.0.0 Spacewatch

Improvements

• Introduce EventCallable, StoreWritable and UnitTargetable types to allow users to express and understand what could be updated or called directly and what could not. Now createStore returns StoreWritable which can be passed to sample target and combine returns Store which will show type and runtime error (PR #966)
• Improve error messages: now it includes unit names and locations so it will be useful to find errors in raw server logs or bundles with disabled source maps. To enable locations in errors use addLoc: true in babel-plugin. Usually the one wanted to enable this in development only so addLoc plugin option is disabled by default (PR #1015)
• Add batch option to createWatch (PR #850)
• Add @withease/factories to babel-plugin defaults (PR #995)
• Add all patronum modules to babel-plugin defaults (PR #996)
• Rename greedy to batch in sample. greedy: true becomes batch: false which is a better mental model for what this option do (PR #972)
• Unify programmatic sid insertion in merge and restore (PR #969)
• Allow domain to be used in attach without parent effect (PR #895)

Bug fixes

• Fix nullable type of .reinit, now it exists in StoreWritable and not exists in Store (PR #966)
• Fix serialization of ignored stores (PR #903)
• Fix race condition in parallel effect calls (PR #849)
• Fix scope reading its initial values from current (not initial) store value (PR #909)
• Fix duplicated combine calls (PR #916)
• Fix reading stale value in attach (PR #1011)

Deprecations and removed apis

• Deprecate undefined as magical value to skip store updates, use skipVoid: true option in combine and map to enable old behavior. Getting rid of that edge case will allow to introduce lazy computations (issue #920)
• Deprecate forward and guard in favor of sample (PR #913)
• Deprecate reactSsr option in babel-plugin (PR #910)
• Deprecate onlyChanges option in serialize (PR #907)
• Deprecate raw object {[fx.sid]: Function} in fork handlers (PR #973)
• Deprecate .watch with second argument in favor of sample (PR #906)
• Deprecate .getType() - relic from ancient times which exists for redux compatibility (PR #899)
• Deprecate effector/babel-plugin-react (PR #948)
• Deprecate fork(domain) and hydrate(domain) - this api existed for traking units in scopes when Fork API was introduced, but starting from 22 version this is done automatically and domain is no longer required for that (PR #950)

• Throw error when unit called from a pure function (PR #905)
• Throw error when derived event is called (PR #905)
• Throw error when fn in $store.map(fn) returns undefined in the initialization (issue #828)

• Remove flow typings. In the beginning, the effector was written in flow, but now only types remained and they were extremely outdated due to lack of expertise in the technology. The flow community maintains bindings in a separate repository. (PR #912)
• Remove deprecated effector/fork module (PR #842)
• Remove deprecated createStoreObject alias for combine (PR #908)
• Remove deprecated .thru method (PR #843)
• Remove deprecated second argument with state from $store.map (PR #846)
• Remove deprecated restore($store) support. This was an obscure feature when store is passed to method and returned without changes as is (PR #1018)

Performance

• 10% performance improvement (PR #1014)

effector-vue 22.2.0

• Add useStoreMap hook for Vue 3 composition API to select part from a store ((PR #780)[https://github.com/effector/effector/pull/780]) by @ilajosmanov

effector-vue 22.1.2

• Added "type" entry for package exports (PR #759)

effector 22.1.1

• Fix data races that cause obsolete states to appear in the .on and .reset methods

effector-react 22.1.0

• Added support for react 18 (PR #655)
• Added useUnit method to read multiple stores and bind events or effects to scope in a single batched call (PR #733, #738)

import {value createEvent, value createStore, value fork} from 'effector'
import {value useUnit, value Provider} from 'effector-react/scope'

const inc = createEvent()
const $count = createStore(0)
const $title = createStore('useStore example')

$count.on(inc, x => x + 1)

const App = () => {
  const [count, title, incFn] = useUnit([$count, $title, inc])
  return (
    <>
      <h1>{title}</h1>
      <p>Count: {count}</p>
      <button onClick={() => incFn()}>increment</button>
    </>
  )
}

const scope = fork()

render(
  () => (
    <Provider value={scope}>
      <App />
    </Provider>
  ),
  document.getElementById('root'),
)

• Added placeholder option to useList to render in cases of empty list

const ChatList = () => (
  <div>
    {useList($chats, {
      fn: chat => <div>Chat {chat.name}</div>,
      keys: [],
      placeholder: <div>You have no chats yet. Add first one?</div>,
    })}
  </div>
)

• Added defaultValue option to useStoreMap to return in cases when fn returns undefined

const ChatName = ({id}) => {
  const chat = useStoreMap({
    store: $chats,
    keys: [id],
    fn: chats => chats.find(chat => chat.id === id),
    defaultValue: {id: 'default', name: 'Default chat'},
  })
  return <span>{chat.name}</span>
}

• Fixed Gate.status store being serialized (PR #683)