Twórcy Tabris.js ogłosili wydanie kolejnej wersji swojej platformy mobilnej o numerze 3.6. Dzięki niej można tworzyć natywne aplikacje na Androida i iOS z jednej bazy kodu napisanej w JS. Najistotniejszym punktem wydania jest nowe API oparte na Reduxie oraz dodana obsługa plików PDF.

Otwieranie plików w swoim urządzeniu

Pierwszą nowością jest metoda fs.openFile(). Dzięki niej można odczytać pliki poza sandboxem aplikacji, korzystając z natywnego interfejsu selektora plików. Samo API openFile pozwala na określenie oczekiwanego typu pliku. Zaznaczenie jest zwracane jako tablica obiektów File.

Obsługa Redux

Tabris 3.6 wprowadza przede wszystkim nowe API, które służy tworzeniu aplikacji Tabris.js. Jest ono oparte na jednej z najpopularniejszych bibliotek – Redux. Przy użyciu nowej funkcji Connect jest możliwość połączenia sklepu Redux z widetami Tabris. Poniżej przykład takiego połączenia w języku JS.

exports.MyComponent = connect(
  state => ({text: state.message}),
  dispatch => ({onTap: ev => dispatch({type: 'MY_ACTION'})})
)(MyComponent);

Z kolei w TypeScript funkcji connect można używać bezpośrednio w komponencie jako dekorator.

@component
@connect(
  state => ({text: state.message}),
  dispatch => ({onTap: ev => dispatch({type: 'MY_ACTION'})})
)
export class MyComponent extends Composite {
  // ...
}

Widżet PDFView w Tabris.js 3.6

Nowa wersja platformy wprowadza widżet do wyświetlania dokumentów PDF. PDFView wykorzystuje renderowanie natywne oraz powiększanie i przewijanie. Ponadto interfejs użytkownika jest responsywny.

Inne zmiany w Tabris.js 3.6

Zmiany w Tabris.js dotyczą także systemu Android. Przede wszystkim funkcja SecureStore jest dostępna dla tego oprogramowania. Dane są szyfrowane sprzętowo na urządzeniach z Android 6+. Ponadto zaktualizowano wygląd widżetów ProgressBar, Slider, Switch oraz ActivityIndicator.

Przy pomocy createImageBitmap można zmieniać rozmiar obrazów, a także je przycinać. Zmiany wprowadzono również w metodzie apply, jest ona teraz znacznie bezpieczniejsza i bardziej wydajna. Zapewnia lepszą obsługę języka TS oraz reaguje na zdarzenia związane ze zmianą właściwości.

W każdym widżecie pojawiła się możliwość ustawienia daty. Dzięki temu można tworzyć samoczynnie aktualizujące się widżety.

Deklaratywny interfejs użytkownika dla czystego JavaScript

W Tabris.js 3.6 wprowadzono nową opcję wywoływania. Mianowicie, wbudowany konstruktor widżetów jest teraz wywoływany bez słowa kluczowego New. W ten sposób można przekazać właściwości oraz odbiornik w jednym wywołaniu:

Stack({spacing: 23, padding: 23, children: [
  TextView({font: '18px', id: 'message', background: 'yellow'}),
  CheckBox({
    top: 24, font: {size: 24}, text: 'Tap here',
    onSelect: handleSelect
 })
]});

Podczas pracy z niestandardowymi komponentami, można korzystać z nowej funkcji asFactory.

Zakończenie

Aplikacja jest dostępna do pobrania przez npm. Dostępna jest także dokumentacja Tabris.js 3.6.