Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/eclipsesource/tabris-js
Create native mobile apps in JavaScript or TypeScript.
https://github.com/eclipsesource/tabris-js
android ios javascript mobile tabris tabris-js
Last synced: about 1 month ago
JSON representation
Create native mobile apps in JavaScript or TypeScript.
- Host: GitHub
- URL: https://github.com/eclipsesource/tabris-js
- Owner: eclipsesource
- License: bsd-3-clause
- Created: 2014-05-13T15:50:36.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2024-02-05T19:28:25.000Z (5 months ago)
- Last Synced: 2024-04-14T15:00:04.262Z (2 months ago)
- Topics: android, ios, javascript, mobile, tabris, tabris-js
- Language: JavaScript
- Homepage: https://tabrisjs.com
- Size: 28.4 MB
- Stars: 1,400
- Watchers: 63
- Forks: 172
- Open Issues: 336
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE
Lists
- my-awesome-stars - eclipsesource/tabris-js - Create native mobile apps in JavaScript or TypeScript. (JavaScript)
- awesome-stars - tabris-js - Tabris.js - native apps in JavaScript (JavaScript)
- awesome-github-star - tabris-js
- awesome-stars - eclipsesource/tabris-js - Create native mobile apps in JavaScript or TypeScript. (JavaScript)
- awesome-stars - tabris-js
README
# Tabris.js
[](https://travis-ci.org/eclipsesource/tabris-js)
[](https://tabrisjs.herokuapp.com)
Tabris.js is a framework for developing mobile apps with native UIs in JavaScript.
iOS and Android apps can be built entirely from one code base, which frees you from the task of managing code for multiple platforms.
```jsx
import {Button, contentView, TextView} from 'tabris';
// in JS
new Button({top: 16, centerX: true, text: 'Use native UI'})
.onSelect(() => $(TextView).only().text = 'Powered by Tabris.js')
.appendTo(contentView);
new TextView({top: 'prev() 16', centerX: true})
.appendTo(contentView);
// or in JSX
contentView.append(
<$>
$(TextView).only().text = 'Powered by Tabris.js'}/>
$>
);
```
## Native widgets
The code of the application is loaded dynamically - nothing is precompiled. JavaScript is executed Just-in-Time and passed via a native bridge to the device. Tabris.js accesses native controls and does not depend on webviews to render the app's UI. As a result, the performance of the apps cannot be distinguished from apps developed directly in native code of the platforms.
## Getting started
To start developing Tabris.js applications, visit [tabrisjs.com](http://tabrisjs.com) and check out the "[Getting Started](https://tabrisjs.com/documentation/latest/getting-started)" guide in the documentation. Be sure to also consult the code [snippets](https://github.com/eclipsesource/tabris-js/tree/master/snippets) in the Tabris.js Developer App (download from the app store for [Android](https://play.google.com/store/apps/details?id=com.eclipsesource.tabrisjs) and [iOS](https://apps.apple.com/us/app/tabris-js/id939600018)).
## Extensible
Tabris.js can be extended with [Cordova plugins](https://cordova.apache.org/plugins/) to add support for additional native features. A cordova plugin is also able to directly interface with the native widgets (as can be seen e.g. in the [tabris-plugin-maps](https://github.com/eclipsesource/tabris-plugin-maps)).
Additionally [npm modules](https://www.npmjs.com/) can be used to further enrich the available JS APIs.
Tabris.js also adds support for many key web technologies including:
- _Canvas_
- _XMLHttpRequest / fetch()_
- _WebSockets_
- _localStorage_
## Build tabris npm module
Follow these steps if you want to build the tabris module yourself.
Install the [Grunt](http://gruntjs.com) build tool using [npm](http://www.npmjs.com):
```bash
npm install -g grunt-cli
```
In the [tabris-js](https://github.com/eclipsesource/tabris-js) root directory fetch the dependencies and build:
```bash
npm install
grunt
```
## License
Published under the terms of the [BSD 3-Clause License](LICENSE).