React-away NPM | npm.io

0.2.3 • Published 3 years ago

Install

Weekly downloads

-

License

MIT

Repository

Last release

3 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>
</>

SPA storing routing caching fetching framework directive all-in-one globalization state management

base-64 react react-dom

@infinitebrahmanuniverse/nolb-react-aw @zalastax/nolb-react-aw

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

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

3 years ago

3 years ago

3 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

4 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago

5 years ago