https://github.com/allevo/seqflow-js

Fresh javascript framework for Frontend
https://github.com/allevo/seqflow-js

front-end-development frontend frontend-framework

Last synced: 13 days ago
JSON representation

Fresh javascript framework for Frontend

• Host: GitHub
• URL: https://github.com/allevo/seqflow-js
• Owner: allevo
• License: mit
• Created: 2024-02-09T22:01:19.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-11-01T10:14:04.000Z (14 days ago)
• Last Synced: 2024-11-01T11:19:36.496Z (13 days ago)
• Topics: front-end-development, frontend, frontend-framework
• Language: TypeScript
• Homepage: https://seqflow.dev
• Size: 4.06 MB
• Stars: 23
• Watchers: 2
• Forks: 3
• Open Issues: 8
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# SeqFlow JS

SeqFlowJS is a JavaScript library for creating and managing frontend workflows. The core ideas are:

- Events over State Management

- Simplicity over Complexity

- Linearity over Complex Abstractions

- Explicitness over Implicitiveness

See the [documentation](https://seqflow.dev) for more information.

## Installation

```bash

pnpm install seqflow-js

```

## Usage

```tsx

import { SeqflowFunctionContext } from "seqflow-js";

interface Quote {

	author: string;

	content: string;

}

async function getRandomQuote(): Promise {

	const res = await fetch("https://api.quotable.io/random")

	return await res.json();

}

export async function Main(this: SeqflowFunctionContext) {

	// Render loading message

	this.renderSync(

		
Loading...

	);


	// Perform an async operation

	const quote = await getRandomQuote();

	// Replace loading message with quote

	this.renderSync(

		


			
{quote.content}

			
{quote.author}

		

	);

}


start(document.getElementById("root"), Main, undefined, {});

```