timdaub / 1way

A 1way flux-esk state library. Like react-hooks but without the react.

1way

A 1way flux-esk state library. Like react-hooks but without the react.

Installation

$ npm install --save 1way

Documentation

1way is a really simple library at this point. It was inspired by the way angular and react are binding JavaScript variables within HTML.

Why?

Back in the days, angular got really popular for a feature called "two-way-binding" (I believe Backbone introduced it first). It allowed a web developer to bind a dom element directly to a variable defined in JavaScript.

Immediately, everybody got exited and used two-way-binding extensively. Until they noticed that in large applications it's not that great.

Along came react and innovated on the binding part by introducing the Flux architecture, which among other things, suggested a one way data flow.

Now, it seems two way data flows are getting back in fashion.

<script>
  let name = 'world';
</script>

<h1>Hello {name}!</h1>
<input type="text" bind:value={name} />

(Run this code here.)

But additionally, we're now inventing languages, not frameworks. It's great for moving standards forward. But since no winner seems to have emerged yet, it may be more effective simply sticking to HTML5. Which is, after all, pretty neat too now!

Using 1way in your app

Check out index.html for an example of how to use 1way.

Demo

Checkout a demo here.

Changelog

0.0.2

• Implement integrate functionality

0.0.1

• Initial release

Resources:

• Regex and greediness
• Match stuff between parentheses
• Angular: Binding syntax
• Flux
• What is Svelte
• MDN: A background on modules

1way's Issues

In index.html show code besides demo