react-away v0.2.3
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>
</>
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago