https://github.com/ken-okabe/unlimitedjs

unlimitedjs is a minimal JavaScript framework for building production-ready UI with no limitations, full flexibility and zero rules - just pure functional and reactive programming to compose virtual DOM in JSX/TSX
https://github.com/ken-okabe/unlimitedjs

frp-library functional-programming functional-reactive-programming javascript-framework react-hook react-hooks reactive reactjs rxjs timeline virtual-dom vue

Last synced: 27 days ago
JSON representation

unlimitedjs is a minimal JavaScript framework for building production-ready UI with no limitations, full flexibility and zero rules - just pure functional and reactive programming to compose virtual DOM in JSX/TSX

• Host: GitHub
• URL: https://github.com/ken-okabe/unlimitedjs
• Owner: ken-okabe
• License: mit
• Created: 2019-01-31T11:31:00.000Z (almost 6 years ago)
• Default Branch: master
• Last Pushed: 2019-09-10T07:25:04.000Z (over 5 years ago)
• Last Synced: 2024-11-29T20:49:12.786Z (about 1 month ago)
• Topics: frp-library, functional-programming, functional-reactive-programming, javascript-framework, react-hook, react-hooks, reactive, reactjs, rxjs, timeline, virtual-dom, vue
• Language: JavaScript
• Homepage: https://stken2050.github.io/unlimitedjs/
• Size: 519 KB
• Stars: 11
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# unlimitedjs

![](https://stken2050.github.io/unlimitedjs/img/unlimitedjs-logo.png)

**unlimitedjs** is a minimal JavaScript framework for building production-ready UI with no limitations, full flexibility and zero rules - just pure functional and reactive programming to compose virtual DOM in JSX/TSX

## unlimitedjs Quick Start

### 1. Clone this repository

```

git clone https://github.com/stken2050/unlimitedjs

```

### 2. Go into the repository and Install dependencies

```

cd unlimitedjs

npm install

```

### 3-a. Run the [timeline-monad](https://github.com/stken2050/timeline-monad/) app

###### Use [esm](https://www.npmjs.com/package/esm) (installed to the project local as a dev-dependency) as the ES module loader for Node 

```

node -r esm ./timeline-monad-start/hello-timeline.js

node -r esm ./timeline-monad-start/hello-all.js

```

### 3-b. Run the [unlimitedjs](https://github.com/stken2050/unlimitedjs) webapp

###### Transpile JSX/TSX -> JS with [TypeScript](https://www.typescriptlang.org/) (installed to the project local as a dev-dependency)

```

tsc -p ./www/unlimitedjs-tutorial/

```

```

tsc -p ./www/unlimitedjs-materialdesign

```

###### Start a mini web server

```

node -r esm ./test-server.js

```

Open WebBrowser with URLs

**`http://localhost:19999/unlimitedjs-tutorial.html`**

**`http://localhost:19999/unlimitedjs-canvas.html`**

**`http://localhost:19999/unlimitedjs-materialdesign-hello.html`**

**`http://localhost:19999/unlimitedjs-materialdesign-login.html`**

## Read more on [Docs & Tutorial]( https://stken2050.github.io/unlimitedjs/)

## MIT License