kontakt
Software house
>
Tag
>
React Native - aplikacje na Android i iOS
react native

React Native - aplikacje na Android i iOS

Data wpisu
Mateusz Kuba
Autor
Mateusz Kuba

Każdy z nas posiada w dzisiejszych czasach smartfona i użytkuje go na co dzień, ponadto rynek aplikacji mobilnych cały czas się rozwija. Większość firm oferujące usługi internetowe posiada aplikację mobilną i jest ona kluczowa aby być na bieżąco z trendami. Aktualnie na rynku królują dwa systemy mobilne: Android oraz iOS. Jeszcze jakiś czas temu aby napisać aplikację mobilną na oba te systemy, potrzebowaliśmy programistów znających takie języki programowania jak Java, Objective-C lub Swift. Niosło to ze sobą ogromne koszty produkcyjne oraz proces stworzenia takiej aplikacji sporo zajmował. Na szczęście czas przyniósł nam takie rozwiązania jak aplikacje natywne, są to aplikacje oparte na technologiach takich jak html, css oraz javascript. React native jest właśnie biblioteką, która pozwala nam stworzyć aplikację natywną, która będzie działać na obu systemach mobilnych.

Czym jest React native?

React native jest to biblioteka stworzona przez twórców Facebooka, która umożliwia nam tworzenie natywnych, wieloplatformowych aplikacji mobilnych, a także aplikacji telewizorowych. Biblioteka ta opiera się na języku programowania jakim jest javascript i wykorzystuje JSX, który pozwala nam zapisać HTML oraz XML wewnątrz języka javascript. Największą zaletą React native jest bez wątpienia tworzenie aplikacji dla wielu platform wykorzystujący ten sam kod.

Jakie usługi korzystają z React native?

React native jest najpopularniejsza biblioteką do budowania aplikacji natywnych. Zostały dzięki jego pomocy stworzone takie aplikacje jak facebook, instagram, airbnb, uber eats, shopify, discord i wiele więcej.

React vs React native

Obie biblioteki opierają się na języku javascript, korzystają z JSX. React oraz React native opiera się na komponentach, które są reużywalne, a także mogą posiadać swój własny stan, który jest odpowiednio renderowany oraz aktualizowany przez Reacta. Obie biblioteki są ze sobą powiązane, lecz służą do zupełnie innych celów. React jest przeznaczony do budowania aplikacji webowych, natomiast React native służy do tworzenia aplikacji mobilnych. W React native również nie uświadczymy składni HTML, lecz używamy specjalnych komponentów takich jak np. View, Text czy TextInput.

Jak działa React native?

React native opiera się na 3 częściach: wątku głównego, wątku javascript oraz narzędzi które służą do komunikacji tzw. mostek, który znajduje się pomiędzy wątkiem głównym oraz wątkiem javascript. Wątek główny, czyli część natywna odpowiada za wyświetlanie odpowiednich kontrolek i bezpośrednią obsługę akcji, które wykonał użytkownik. Wątek javascript odpowiada za logikę biznesową, funkcjonalności oraz jak interfejs użytkownika powinien wyglądać.

React Native

Zalety z korzystania React native

Jak wcześniej wspomniałem bez wątpienia największym plusem korzystania z React native jest pisanie jednocześnie aplikacji dla wielu platform. Korzystanie z tego samego kodu dla różnych platform pozwala nam na szybki development, łatwe i tanie utrzymanie kodu oraz sprawniejsze dołączenie nowych programistów do projektu. 

React native korzysta także z tak zwanego ‘hot reloading’, który pozwala programistom na podgląd zmian w kodzie na żywo, bez konieczności odświeżania czegokolwiek. 

Kolejnym plusem React native jest bez wątpienia duża społeczność, która tworzy dodatkowe biblioteki oraz pomaga rozwijać bibliotekę.

Wady z korzystania React native

Żaden framework, czy biblioteka nie jest idealny i React native również posiada wady. Aktualnie największa wadą jest brak obsługi natywnych API i SDK. React native nie posiada gotowych modułów, które umożliwiają na dostęp do API platformy Android, czy iOS. 

Pisanie jednego kodu na kilka platform niesie ze sobą także pewne utrudnienia. Android oraz iOS używają różnych zasad projektowania przez to jesteśmy zmuszeni do wielu instrukcji if wraz z oddzielnym kodem.

Praca: #react-native
0 Aktualnie brak ofert pracy
Wszystkie oferty
Case study: #react-native
0 Aktualnie brak case study
Zobacz wszystkie