0.2.3 • Published 2 years ago

react-away v0.2.3

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

React Away

React Away is a Single-Page Application micro-framework for agile stateful React designed for fully declarative component styles with those features:

Quick Start

Installation, configuration and implementation.

> npm create vite@latest --template react-ts
> npm i &&  npm i react-away --save

Configure replacing ReactDOM by ReactDOM.

import { registry } from 'react-away'

export class Store { user: { name: "john" } }

export default registry(true, App, Store)

Just use with self-rendeing states and two-way data binding.

import Store from './Store'

declare const store: Store

export const HelloWorld = () => <>
   <h1>Hello, {store.user.name} !</h1>
   Name: <input bind="user.name"} /> 
</>
import { useState, useEffect } from 'react'

function SemiDeclarativeCounter(props: any) {
   const [count, setCount] = React.useState(0)

   useEffect(() => setTimeout(() => setCount(count+1),1000 ))

   return (<>
     <label>count: {count}</label>
     <button onClick={_ => setCount(count + 1)}>Add</button>
   </>)
}

const FullyDeclarativeCounter = (props: any, state: any) => <>
   { setTimeout(() => state.count++, 1000) }
   <label>count: {store.count ?? store.count = 0}</label>
   <button onClick={e => store.count++}>Add</button>
</>
0.1.85

2 years ago

0.1.86

2 years ago

0.1.87

2 years ago

0.1.88

2 years ago

0.1.89

2 years ago

0.1.80

2 years ago

0.1.81

2 years ago

0.1.82

2 years ago

0.1.83

2 years ago

0.1.84

2 years ago

0.1.7

2 years ago

0.1.4

2 years ago

0.1.3

2 years ago

0.1.6

2 years ago

0.1.5

2 years ago

0.1.77

2 years ago

0.1.78

2 years ago

0.1.79

2 years ago

0.1.71

2 years ago

0.1.72

2 years ago

0.1.73

2 years ago

0.2.1

2 years ago

0.2.0

2 years ago

0.2.3

2 years ago

0.2.2

2 years ago

1.0.2

2 years ago

0.12.30

2 years ago

0.12.31

2 years ago

0.11.20

2 years ago

0.11.21

2 years ago

1.0.9

2 years ago

1.0.8

2 years ago

1.0.7

2 years ago

1.0.6

2 years ago

1.0.5

2 years ago

1.0.4

2 years ago

1.0.3

2 years ago

0.11.8

2 years ago

0.11.9

2 years ago

0.11.26

2 years ago

0.11.0

2 years ago

0.11.27

2 years ago

0.11.1

2 years ago

0.11.28

2 years ago

0.11.2

2 years ago

0.11.29

2 years ago

0.11.3

2 years ago

0.11.22

2 years ago

0.11.4

2 years ago

0.11.23

2 years ago

0.11.5

2 years ago

0.11.24

2 years ago

0.11.6

2 years ago

0.11.25

2 years ago

0.11.7

2 years ago

0.11.30

2 years ago

0.11.31

2 years ago

0.11.32

2 years ago

0.11.37

2 years ago

0.11.33

2 years ago

0.11.34

2 years ago

0.11.35

2 years ago

0.11.36

2 years ago

0.12.10

2 years ago

0.12.11

2 years ago

0.12.7

2 years ago

0.12.8

2 years ago

0.12.9

2 years ago

0.12.16

2 years ago

0.12.17

2 years ago

0.12.0

2 years ago

0.12.18

2 years ago

0.12.1

2 years ago

0.12.19

2 years ago

0.12.2

2 years ago

0.12.12

2 years ago

0.12.3

2 years ago

0.12.13

2 years ago

0.12.4

2 years ago

0.12.14

2 years ago

0.12.5

2 years ago

0.12.15

2 years ago

0.12.6

2 years ago

0.12.20

2 years ago

0.12.21

2 years ago

0.12.22

2 years ago

0.11.10

2 years ago

0.0.0

2 years ago

0.11.19

2 years ago

1.0.11

2 years ago

0.12.27

2 years ago

0.11.15

2 years ago

1.0.10

2 years ago

0.12.28

2 years ago

0.11.16

2 years ago

0.12.29

2 years ago

0.11.17

2 years ago

0.11.18

2 years ago

0.12.23

2 years ago

0.11.11

2 years ago

1.0.14

2 years ago

0.11.12

2 years ago

1.0.13

2 years ago

0.12.25

2 years ago

0.11.13

2 years ago

0.12.26

2 years ago

0.11.14

2 years ago

1.0.1

3 years ago

0.1.0

3 years ago

0.0.9

3 years ago

0.0.8

3 years ago

0.0.7

3 years ago

0.0.5

3 years ago

0.0.4

3 years ago

0.0.6

3 years ago

0.0.3

3 years ago

0.0.2

3 years ago

0.0.1

3 years ago