@wiredcraft/miniprogram-sparrow

Experimental Recoil inspired state management

Usage no npm install needed!

<script type="module">
  import wiredcraftMiniprogramSparrow from 'https://cdn.skypack.dev/@wiredcraft/miniprogram-sparrow';
</script>

README

Install

yarn add @wiredcraft/miniprogram-sparrow

Usage

// store/name.js

import { atom } from "sparrow";

export const firstName = atom("Jack");

// the action
export function updateFirstName(name) {
  write(firstName, name);
}

// components/hello.js
import { write, behavior as sparrow } from "sparrow";
import { firstName, updateFirstName } from "./store/name";

Component({
  atoms: { firstName },

  behaviors: [sparrow],
  lifetimes: {
    attached() {
      console.log(this.firstName);
    },
  },
  methods: {
    handleButtonOnTap() {
      updateFirstName("Rose");
    },
  },
});