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+
Na poprzedniej lekcji powiedziałem wam o narzędziu firebase które uważam za
totalny must have w przypadku testowania naszej aplikacji
i ostatnim narzędziem jakim chciałbym się z wami podzielić
jest fastlane jak widzieliście proces tworzenia apki
release'owej wymagał uruchomienia jakichś tam skryptów zmian w jakichś
w jakchiś ustawieniach następnie musieliśmy to
musimy tą aplikację fizycznie ten plik apk czy ip znaleźć wrzucić
do albo do firebase albo do testflight i tam dopiero jeszcze
kliknąć żeby on był dostępny czy wysłać do testerów czyli wydaje się że to generalnie
trwa powiedzmy pięć minut natomiast jak tych wersji mamy trochę aplikacja zaczyna być coraz częściej
wrzucana do testowania coraz częściej mamy jakieś tam zmiany to zaczyna
to nam kraść sporo czasu i dlatego powstało narzędzie
fastlane jest to narzędzie które nam automatyzuje ten proces to znaczy my
powiedziałem w uproszczeniu bo to jest jedna z rzeczy które fastlane robi on
jeszcze jakby ma oczywiście dużo bardziej skomplikowane narzędzia które pozwalają
na przykład właśnie robić screenshoty aplikacji przed wrzuceniem puszczać testy żebyśmy mieli
pewność że to co poleci do naszych testerów będzie już przetestowane i tak dalej natomiast
w najprostszej wersji to automatyzuje nam budowanie aplikacji i chciałem wam pokazać
jak wygląda taki skrypt prosty w przypadku androida i w przypadku
iOS-a jeśli wejdziemy sobie do iOS-a odpalimy sobie nasz
fastlane troszeczkę powiększę ekran to
plik fastlane'a składa się z lane'ów
tak mamy lane w tym przypadku firebase z podpisem send up to
firebase testers i mamy lane testflight czyli wyślij moją
aplikację do tych już testerów takich ostatecznych i co w tym
lane'ie się znajduje mamy po prostu po kolei kroki takiej automatyzacji co ma się dziać
czyli tutaj na przykład mamy miejsce na puszczenie testów później mamy miejsce na inkrementowanie
naszego builda czyli jeśli mamy build nie wiem 73 to nie musimy ręcznie za każdym razem podbijać
tej wersji do 74 tylko to nam zrobi już fastlane po wrzuceniu następnie nasza
aplikacja jest budowana czyli musimy wybrać jakiś scheme jakie
tam chcemy mieć metody czyli czy to jest development musimy właśnie wybrać nasz provisioning profile być
może część rzeczy automatycznie się działać ale w przypadku bardziej skomplikowanych aplikacji gdzie
mamy kilka właśnie różnych provisioning profiles kilka targetów i tak dalej to musimy sobie to ręcznie wypisać
i musimy podać nasz signing certificate czyli czym chcemy tą aplikację
podpisać jeśli aplikacja nam się zbuduje poprawnie to możemy
wykorzystać plugin właśnie taki fastlane'owy właśnie do wrzucenia jej do firebase
czyli podajemy identyfikator aplikacji wcześniej musimy to oczywiście autoryzować podajemy
naszych testerów którym chcemy to wysłać i jakby tak naprawdę wpisując jedną komendę
nasza aplikacja od razu jest budowana inkrementuje się jej wersja jest zbudowana i wrzucana
do wszystkich testerów i trochę podobnie to wygląda w przypadku testflighta czyli
znowu mamy jakieś tam testy mamy inkrementowanie naszego builda mamy
faktyczny build naszej aplikacji już widać że tutaj jest inny scheme to jest release'owy widać
że signing certificate jest firmowy tak czyli jakby to jest jakaś tam firma
która jakiś team który to podpisuje i następnie wysyłamy
to do testflight gdzie musimy też jakoś to zidentyfikować i od razu
ta aplikacja zostanie wysłana do testerów bardzo podobnie wygląda to w przypadku androida bo
również korzystam z firebase'a tak czyli znowu inkrementujemy
build tutaj jest jakiś komentarz że coś miałem jakiś z tym ostatnio problem ponieważ te fastlane'y te pliki
fastlane'ów ja wziąłem z realnych projektów to nie są jakby wygenerowane na poczet w tego kursu
to są faktycznie projekty gdzie oczywiście zanonimizowane trochę dane ale faktycznie my z tego korzystamy
używamy gradle'a do budowania czyli to o czym mówiłem robimy assemble debug bo jakby
tworzymy wersję debugową to akurat był projekt nie react
native'owy dlatego jakby jest wersja debugowa czyli ta z naszym powiedzmy
buildzie debugowym i wysyłamy wersję do firebase'a i tak samo tak
jak mieliśmy testflight na iOS-ie tak w przypadku androida
mamy google play i znowu budujemy inkrementujemy tu jak widać już tworzymy wersję release'ową
i następnie tak naprawdę wywołujemy tylko upload to play store żeby wysłać
tą wersję do naszego google play w wersji beta tak
bo nie chcemy od razu tego wysłać na produkcję a jak wszystko się sprawdzi to po prostu w tym google play
możemy już to robić tak więc fastlane jest super narzędzie i mimo
że powiedzmy wydawałoby się na początku że ten czas wrzucania tej aplikacji nie jest duży to jednak
jak przemnozymy to przez liczbę razy jakich to robimy i konieczność pamiętania o
tym żeby odznaczyć że to jest wersja release'owa nie produkcyjna że jest api takie
a nie inne i na pewno by się zdarza się że byśmy
się gdzieś tam pomylili i wysłali nie tą wersję co trzeba to taki fastlane naprawdę oszczędza nam mnóstwo czasu
i nerwów tak więc na koniec mogę powiedzieć że to też
jest taki must have czyli jak tylko będziecie wrzucać pierwszy raz swoją aplikację to
wrzućcie ją raz ręcznie żeby zobaczyć jak wygląda proces i od razu skonstruujcie
sobie takiego lane'a właśnie do firebase'a albo do testflight'a albo do google play żebyście
widzieli jak to się robi dzięki bardzo za tę lekcję