devnews.pl

Main Menu

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania

logo

devnews.pl

  • Informacje
    • Systemy i przeglądarki
    • Gadżety
  • Narzędzia
  • Frontend
  • Backend
  • QA
  • Języki programowania
Narzędzia
Home›Narzędzia›Tabris.js 3.6 z obsługą biblioteki Redux

Tabris.js 3.6 z obsługą biblioteki Redux

By Bernadeta Zapała
17 sierpnia 2020
112
0
Share:

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.

Tabris.js 3.6

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.

TagsAndroidiOSNativeReduxTabris.jsTabris.js 3.6

Share:

  • Systemy i przeglądarki

    Edge Dev 87 z opcjami pobierania i ulepszeniami PDF

  • React Easy State
    Frontend

    React Easy State — menedżer stanu React

  • Backend

    Gatsby – nowe wydanie z przyrostowymi kompilacjami

  • 19 stycznia 2021

    GitHub Enterprise Server 3.0 RC – kandydat do wydania

  • 15 stycznia 2021

    TypeScript 4.2 Beta z ulepszeniami typów krotek

  • 13 stycznia 2021

    Styczniowy Patch Tuesday z luką 0-day

  • 11 stycznia 2021

    Safari Technology Preview 118 dostępne dla programistów

  • 8 stycznia 2021

    Microsoft Launcher na Androida z usprawnionym dotykiem

  • 7 stycznia 2021

    WebStorm 2020.3.1 dostępny dla urządzeń z Apple Silicon

  • 22 grudnia 2020

    ReScript 8.4 z przypiętymi zależnościami

  • 14 grudnia 2020

    Edge 88 beta i przeglądarka na kanale Canary dostępne!

  • 9 grudnia 2020

    Chrome 88 Beta z nowościami w WebXR

  • 9 grudnia 2020

    Snowpack 3.0 RC z eksperymentalnymi funkcjami

  • 4 grudnia 2020

    Android Studio Arctic Fox – nowe wydanie narzędzia Google

  • 4 grudnia 2020

    The Hack Summit 2020 – konferencja IT Security

  • 2 grudnia 2020

    PowerToys 0.27 z poprawkami błędów

  • 2 grudnia 2020

    Aleph.js alfa z funkcją importowania map

  • 27 listopada 2020

    Cypress 6.0 zwiększa zakres możliwości obsługi sieci

  • 26 listopada 2020

    Firefox 83 przyspiesza i wprowadza tryb HTTPS-Only

  • 25 listopada 2020

    Electron 11.0 z obsługą Apple Silicon

  • 25 listopada 2020

    Prettier 2.2 z obsługą najnowszego TypeScript 4.1

  • 24 listopada 2020

    Tailwind CSS 2.0 z narzędziami kontroli tekstu

  • 20 listopada 2020

    Angular 11 – stabilne wydanie platformy

  • 19 listopada 2020

    Chakra UI React v1 wydany z ulepszeniami

  • 19 listopada 2020

    Chrome 87 z szybszym startem i zmianami w kartach

  • 18 listopada 2020

    Silnik WebKit w przeglądarce Safari 14

  • 17 listopada 2020

    Poznańska konferencja POZITIVE TECHNOLOGIES 2020 platformą wymiany wiedzy i doświadczeń najlepszych specjalistów IT

  • 16 listopada 2020

    Babylon.js 4.2 z edytorem cząsteczek i Babylon React Native

  • 13 listopada 2020

    Apple Silicon M1 i MacBooki – spotkanie One More Thing

  • 12 listopada 2020

    .NET 5.0 Microsoftu z poprawioną wydajnością

  • 12 listopada 2020

    Windows Terminal 1.5 Preview z nowymi funkcjami

  • 10 listopada 2020

    GIMP 2.99.2 – pierwszy krok do głównej wersji

  • 6 listopada 2020

    iOS 14.2 dostępny z nowymi emotikonami

 

 

Jesteśmy pasjonatami najnowszych technologii w świecie programowania. Zbieramy dla Was informacje i porady z całego świata, które sprawią, że Twoja praca stanie się jeszcze bardziej efektywna.

Obserwuj nas codziennie, aby być na bieżąco oraz śmiało udostępniaj nasze posty.

Zespół DevNews

Kategorie

  • Backend
  • Bez kategorii
  • Frontend
  • Gadżety
  • Informacje
  • Języki programowania
  • Narzędzia
  • QA
  • Systemy i przeglądarki

OBSERWUJ NAS

KONTAKT

Chcesz się z nami skontaktować?

Napisz do nas wiadomość: kontakt@devnews.pl

www.devnews.pl | DEVNEWS 2020 | Newsy i ciekawostki ze świata IT