DiscoverPlaces Raport #7 – React Native Elements

Czas na kolejny krótki raport na temat tworzenia projektu DiscoverPlaces.

Postanowiłem nie tworzyć obecnie aplikacji dla systemu iOS, a skupić się jedynie na Androidzie. React Native co prawda pozwala wykorzystać większość kodu dla obu systemów, ale z racji, że obecnie nie ma możliwość odpalenia aplikacji na iOS pod linuksem (React Native – Getting Started) stwierdziłem, że powstanie tylko wersja na Androida.

Jak wygląda proces developmentu?

Kod postanowiłem pisać w edytorze Atom. Odpalenie aplikacji sprowadza się do uruchomienia emulatora urządzenia z poziomu menadżera urządzeń w Android Studio oraz wydaniu dwóch komend w terminalu:

react-native start
react-native run-android

Włączając opcję zdalnego debugowania, możemy wykorzystać dev-tools w chrome wpisując w przeglądarce adres:

http://localhost:8081/debugger-ui

Co znacząco ułatwia analizowanie błędów oraz przechwytywanie console.log etc.

Postępy

Do stworzenia interfejsu wykorzystana zostanie paczka React Native Elements. Zawiera ona chyba wszystkie elementy, które tutaj będą potrzebne, co ułatwi pracę. Posiada również całkiem przyjemną dokumentację z różnymi przykładami. Kolejną paczką, która zostanie użyta to  React Navigation do tworzenia nawigacji. Zawiera również fajną dokumentację, co sprawia, że wykorzystanie jej nie sprawia trudności.

Obecnie stworzyłem na sztywno pobieranie wiadomości przez API. Kolejną rzeczą, nad którą będę pracował to pobieranie wiadomości na podstawie lokalizacji oraz ich odświeżanie po zmianie lokalizacji. Kod można przejrzeć na githubie.

Wrażenia po napisaniu kilku linijek w React Native

Z Reactem przed tym projektem nie miałem nigdy do czynienia. W pracy dołączyłem do projektu, w którym używano Vue.js i dlatego akurat znam ten framework, a nie inny. Spróbowanie każdej technologii na własnej skórze jest po prostu niemożliwe, czym chciałbym tutaj usprawiedliwić fakt, że wcześniej Reacta nie używałem 😀 .

Gdybym obecnie miał stanąć, po którejś ze stron w walce fanatyków Vue vs React to wybrałbym tego pierwszego. Składania Reacta, a konkretnie JSX odrzuca mnie, kod wydaje się nieczytelny oraz mało intuicyjny. Oczywiście z czasem odczucia mogą się zmienić, może to tylko kwestia przyzwyczajeń.

Udostępnij: