Odskocznia od ML: React Native

W przerwie od ML wpadła mi na warsztat potrzeba napisania aplikacji klienckiej dla jednego z serwisu, który tworzę. Wymagania są bardzo proste:

  • Android
  • pobranie i wyświetlenie listy wydarzeń
  • dodanie nowych wydarzeń
  • minimalny nakład pracy
  • łatwość developowania
  • brak kosztów

W zamierzchłych czasach (cztery i dwa lata temu) napisałem proste aplikacje natywne w Androidzie, raz w Eclipse, drugi raz już w Android Studio; obie w Javie. Nie wspominam najlepiej tamtych przygód. Język jest toporny, aplikacje budują się bardzo wolno, odpalanie emulatora zajmuje masę czasu. Stworzenie nawet prostego widoku (wyświetlenie listy obiektów) było dla mnie dosyć skomplikowane (w porównaniu np. z tworzeniem aplikacji Windows Phone, którym też się parałem).

Postanowiłem, że przejrzę popularne narzędzia do budowy aplikacji, nawet wyklikiwanki. Większość z nich była niestety płatna. W toku poszukiwań natrafiłem na framework Native Base. Jest to zbiór gotowych komponentów ułatwiających tworzenie aplikacji w react-native (framework’u do aplikacji mobilnych stworzonym przez Facebook’a). Jest to framework JavaScript. Co ważne buduje on w pełni natywne, używające komponentów Android/iOS, aplikacje, nie są to więc aplikacje hybrydowe. JS służy tylko do opisania wyglądu i funkcjonalności, później silnik react-native zamienia kod na aplikację mobilną.

Sprawdziłem na ile trudne będzie wdrożenie się w react-native. Tutoriale wyglądały przejrzyście. Konieczne były jedynie instalacja Android SDK, Javy x86 i x64, chocolatey (menedżer paczek, dostępny na Windows), Node.js i npm oraz jakiegoś edytora (mój wybór padł na Visual Code i na razie pracuje się na nim bardzo przyjemnie).

Sama developerka jak na razie była dosyć prosta, a framework przejrzysty (przynajmniej na poziomie tak prostej aplikacji). W kilka godzin udało mi się skonfigurować środowisko, zapoznać się z wybranymi komponentami UI, stworzyć własny styl wyglądu, a także załadować oraz wyświetlić dane z API. Wszelkie zmiany widoczne są na bieżąco w smartfonie (dzięki hot reload), co bardzo ułatwia tworzenie aplikacji.

Kod i dalsza relacje wkrótce!

One Pingback/Trackback

    27 March 2017 at 7:03pm
    React Native – neatcode Dziękujemy za dodanie artykułu - Trackback ...
  • dotnetomaniak.pl