Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Mutable state, with reactive functions - automatic result recalculations on state changes

License

NotificationsYou must be signed in to change notification settings

mutableJS/core

Repository files navigation

npmGitHub Repo starsGitHubGitHub last commitIssues

Support Server

Mutable state, with reactive functions - automatic result recalculations on state changes.

Installation

Install withnpm:

    npm install @mutablejs/core

Install withyarn:

    yarn add @mutablejs/core

Features

Currently ourmutables() initial values support:

  • Primitive values, likestrings,booleans,numbers,nulls,undefined
  • Arrays
  • Objects

All the usual getters/ setters/ operations work, as they would work in VanillaJS:

importmutablefrom'@mutablejs/core';constsomeMutableCounter=mutable(0);someMutableCounter.value+=1;// someMutableCounter.value equals to 1someMutableCounter.value+=1;console.log(someMutableCounter.value);// Console output is `2`

mutableFn() accepts and reacts to named and unnamed parameters:

import{mutableFn}from'@mutablejs/core';typeNamedParams={paramA:string;paramB:number};constwithNamedParams=mutableFn(({ paramA, paramB}:NamedParams)=>console.log(paramA,paramB),);constunNamedParams=mutableFn((a:number,b:boolean)=>console.log(a,b));

Usage/Examples

Primitive values:

importmutable,{mutableFn}from'@mutablejs/core';constlogFn=mutableFn(({ input}:{input:any})=>{console.log('Value changed to: ',input);});constsomeMutableData=mutable('Hello');logFn({input:someMutableData});someMutableData.value+=' World!';// Console should print `Value changed to: Hello World!`

Arrays:

constsomeMutableArray=mutable(['Hello']);logFn({input:someMutableArray});someMutableArray.value.push('World!');// Console should print `Value changed to: ['Hello', 'World!']`someMutableArray.value[0]='Hej';// Console should print `Value changed to: ['Hej', 'World!']`someMutableArray.value.splice(0,1);// Console should print `Value changed to: ['World!']`

Objects:

constsomeMutableObject=mutable({a:'Something'});logFn({input:someMutableObject});someMutableObject.value.b='Changed';// Console should print `Value changed to: { a: 'Something', b: 'Changed' }`someMutableObject.value.a='Data';// Console should print `Value changed to: { a: 'Data', b: 'Changed' }`deletesomeMutableObject.value.a;// Console should print `Value changed to: { b: 'Changed' }`

FAQ

Why was mutableJS created?

Inspired by the other big front-end frameworks and libraries, likeReact,Vue.JS and friends, researchon variables mutability has started and developed into the current reactive execution mechanism.

Is it ready to use?

The package is still pretty experimental, but is already used in some small usable web-apps.
@mutablejs/core is primarily used with the@mutablejs/dom package, see theStarter Repository.

Accompanying packages?

Currently there is 1 more package:@mutablejs/dom and 2 more repos:mutableJS / TypeScript Starter Template,mutableJS / Demo Repo.

Authors

Feedback

Any feedback? Join ourDiscord server and reach out to us.
We are open to suggestions, ideas and collaboration.

Support

Love open source? Enjoying my project?
Your support can keep the momentum going! Consider a donation to fuel the creation of more innovative open source software.

via Ko-FiBuy me a coffeevia PayPal
ko-fiBuy Me A CoffeePayPal

About

Mutable state, with reactive functions - automatic result recalculations on state changes

Topics

Resources

License

Stars

Watchers

Forks

Sponsor this project

  •  

[8]ページ先頭

©2009-2025 Movatter.jp