Mobilne Aplikacje z React
5 godz. 51 min · React Native · Full-stack i Programowanie
Piotr SzacińskiZarówno iOS jak i Android posiadają swoje natywne SDK, do obsługi którego musimy poznać nowe języki - Swift czy Kotlin, o Objective-C czy Javie nie wspominając. Z kolei React Native jest do tego świetną alternatywą, która pozwala tworzyć jeden kod na obie platformy. Dodatkowo - bazuje na najpopularniejszym frameworku webowym, co znacząco zmniejsza próg wejścia.
Tak samo jak "czysty" React, React Native opiera się na komponentach. Poznasz ich specyfikę i nauczysz się poprawnie budować UI aplikacji. Zrozumiesz też jak najwydajniej zarządzać skomplikowanym layoutem, takim jak długie listy, i jak to wszystko łatwo stylować.
Animacje to nie tylko efekty przyjemne dla oka - to przede wszystkim dobry UX, który pozwala użytkownikowi odnaleźć się w aplikacji i zrozumieć jej mechanikę. Podczas kursu poznasz wszystkie podstawowe metody i koncepcje tworzenia animacji oraz poznasz sposoby optymalizacji ich działania. Dodatkowo omówimy prawidłowe podejście do dużo bardziej skomplikowanych interaktywnych animacji, przedstawimy ciekawe biblioteki oraz best-practices.
Praktycznie każda aplikacja, niezależnie od tego, czy web, czy mobile, składa się z wielu widoków i ekranów. Zarządzanie ścieżkami, jakimi użytkownik może się poruszać, to jedna z najważniejszych rzeczy - a w tym kursie dowiesz się jakich narzędzi należy używać i jak łatwo obsługiwać zagnieżdżone ekrany.
Niewątpliwym atutem aplikacji jest to, że może praktycznie bez ograniczeń przechowywać content w urządzeniu telefonu, a przez to - dostarczać treści niezależnie od dostępności internetu. Omówimy różne koncepcje zapisywania danych oraz poznamy metody i narzędzia do ich wdrażania.
Przybliżymy ci proces wypuszczania aplikacji "w świat" oraz przedstawimy narzędzia, z których sam autor korzysta do ułatwienia tego procesu.
Kurs jest dla każdego kto zna podstawy JavaScript oraz React i chciałby się rozwijać i tworzyć mega ciekawe projekty, które mogą używać aparatu czy sensorów smartfona.
0.62.2+
Okej na poprzedniej lekcji robiliśmy sobie naszą release'ową
wersję apki na androidzie na androida no i teraz podobnie zrobimy z iOS-em
czyli mamy ten sam problem jeśli nasz serwer nie działa no to oczywiście nasza aplikacja też
nie będzie działać jak to wygląda w przypadku iOS-a no
jest bardzo podobnie jak w przypadku androida to znaczy dalej mamy dwie wersje tutaj
tak jak w przypadku androida to się nazywało build tak tutaj
to się nazywa scheme i też mamy ustawioną wersję debug tak czyli
klikamy sobie w jeszcze raz w nasz target wybieramy sobie edit scheme i
musimy zaznaczyć opcję release jak wybierzemy opcję release to teraz budując naszą
aplikację co może chwileczkę potrwać oczywiście ona już
wrzuci na tego bundle'a tak jak jest tutaj finalnego i
będzie próbowała tak jak pokazywałem wcześniej ładować go lokalnie
a nie z serwera no i zaraz
jak się zbuduje to zobaczymy czy nam się uda okej
nasz projekt się zbudował aplikacja powstaje widać nasz launch screen
piękny okej jak widać zbudował
się nam powstał nam metro bundler no ale dlatego żeby nam wygenerować naszego
bundle'a natomiast na spokojnie mogę tego bundlera nam ubić
zamknąć aplikację w x codzie uruchomić
i patrzcie też mamy naszą aplikację release'ową i nie potrzebujemy
już żadnego bundlera co ciekawe co ciekawe
co oczywiste właściwie jest zauważycie że ta aplikacja działa szybciej bo jednak
nie musimy tego bundle'a pobierać nie musi być żadnej komunikacji z
naszymi metro serwerem i po prostu pewne rzeczy działają szybciej i to
apk znaczy ip teoretycznie też moglibyśmy wysłać no ale dochodzimy do momentu w którym no
właśnie pojawiają się problemy iOS-owe to znaczy to już nie jest
tak jak androidzie że bierzemy sobie to apk i po prostu wysyłamy okej możemy
sobie wygenerować taki plik ip natomiast my nie możemy go tak o po prostu wrzucić
sobie na inny telefon musimy go czymś podpisać jakimś certyfikatem
i powiem bardzo ogólnie o tym jak to wygląda i
tak pokazywałem wam scheme który możemy sobie zmienić na release'owe albo
bundle'owe i dobra praktyka jest taka żeby mieć dwa targety czyli takie
jakby dwie wersje aplikacji a w nich możemy sobie wtedy te scheme'y ustawiać
przy czym wiem że są ludzie którzy mają jeden target i kilka wersji scheme
a ja osobiście wolę mieć różne targety dla różnych wersji produkcyjnych
deweloperskich do debugowania i tak dalej w każdym z nich ustawiam sobie taki scheme jaki chcę
i jeszcze parę innych takich zmiennych środowiskowych natomiast
załóżmy że mamy nasz produkcyjny target a tutaj
te rzeczy oczywiście będą się różnić między targami znaczy zwłaszcza to identyfikator
musi być unikalny dla każdego targetu i
cała magia tego co się dzieje dalej dzieje się tutaj to znaczy tutaj
mamy nasz signing and capabilities znaczy w tym miejscu musimy naszą aplikację
podpisać jeśli odhaczony sobie to automatyczne odznaczanie łączy
się z naszym serwerem łączy się z naszym kontem deweloperskim i próbuje coś pobrać to
musimy sobie tutaj wybrać odpowiednie rzeczy przede wszystkim oczywiście musimy zarejestrować
bundle identyfikator na naszej stronie deweloperskiej musimy stworzyć do
niego provisioning profile to jest taki dokument
który mówi nam o tym jaką aplikację czyli powiedzmy
ten bundle identyfikator jakby interpretowany przez app przez
aplikację naszą jakiego jest typu do czego on ma
służyć czy to ma być deweloperskie wrzucane do sklepu i tak dalej i tak dalej i
ewentualnie jeśli chcielibyśmy to testować na urządzeniach to musimy podać tam listę
urządzeń które chcielibyśmy testować tak czyli nie możemy tak o sobie wrzucić na inny telefon nawet
z x code naszej aplikacji tylko jednak musimy w
tym provisioning profile dodać te urządzenia jeśli zaznaczymy sobie automatically
manage signing no to on w momencie podpięcia telefonu instalacji on doda
to urządzenie natomiast jeśli chcielibyśmy iść tak tradycyjnie to musieliśmy to urządzenie dodać ręcznie
a mamy też team ponieważ bardzo często jest tak że my w fimie
nie korzystamy z naszego konta z naszych kont prywatnych czy firmowych tylko klient
dla którego robimy aplikację daje nam dostęp do swojego konta i wtedy musimy wybrać odpowiedni
team w którym pracujemy mamy tam zazwyczaj dostęp
do możliwości tworzenia tworzenia takich aplikacji provisioning profile wybieramy
wtedy sobie nasz provisioning profile signing certificate certyfikat to jest
właśnie to czym podpisujemy naszą aplikację czyli znowu musimy w naszym panelu stworzyć odpowiedni certyfikat
i dzięki temu będziemy w stanie podpisać naszą aplikację czyli no
jest to dużo bardziej za przeproszeniem upierdliwe niż na androidzie
natomiast apple bardzo mocno się stara żeby nikt nie
instalował tych aplikacji poza ich sklepem stąd cały ten szereg
obostrzeń dlatego myślę że na początku dużo łatwiej wam będzie testować
aplikacje na androidzie poza tym a jeśli chcemy korzystać z androida i wrzucać
aplikacje do google play to musimy dokonać jednorazowej opłaty 20 dolarów
natomiast w przypadku iOS musimy płacić 100 dolarów co roku to
też jednak zapewnia że nikt nie wrzuca chłamu za bardzo
do app store no bo kto miałby płacić 100 dolarów po to żeby wrzucać jakieś kiepskie aplikacje
więc to też trochę sprawia że ludzie deweloperzy
starają się jednak ten content jakby jeśli chodzi o sam
deployment to jest to dość zaawansowana kwestia no bo jakby są kwestie w jaki sposób tą aplikację
testować mamy do tego odpowiednie narzędzia i tak dalej natomiast no na
tym chciałbym zakończyć tutaj a jeśli będziecie wrzucać swoje aplikacje
to jest mnóstwo materiałów które postaram się podlinkować do których będziecie mogli zerknąć
i doczytać jak wypuścić swoją aplikację i jak to zrobić poprawnie
jeszcze parę narzędzi i ciekawostek w jaki sposób my ja
to robię przekażę następnych lekcjach dzięki