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+
W ostatniej lekcji zrobiliśmy powiedziałem o native driverze jaką
must have w każdej animacji a to zrobiliśmy sobie dwie animacje wykorzystujące scale
tak skalowanie i teraz to co chciałbym jeszcze
co chcielibyśmy zrobić to troszeczkę zaktualizować te animacje które mamy to znaczy robimy
sobie naszą animację a następnie set timeoutem wywołujemy animację animację która
cofnie to co się stało no i w sumie to jest okej w sensie to działa ale da się
to napisać lepiej a i do tego służy nasza
funkcja w animated sequence ona
przyjmuje tablicę animacji której chcielibyśmy wrzucić do
niej czyli wrzucimy sobie jedną animację wrzucimy
sobie drugą animację przecinka
brakuje i okej i
dopiero ten nasz sequence możemy wystartować zobaczymy
jak to działa wchodzę okej
u nas super to co fajne to to że możemy sobie to wplatać animacje
do woli czyli na przykład możemy sobie dodać tutaj delaya
załóżmy że 300 milisekund i to jest fajne bo możemy
sobie zrobić animacje w której na chwilę nam się ta grafika
zostaje w przy tej wartości tymczasowej i tak samo zrobimy sobie tutaj
czyli robimy animated kropka sequence mamy
tablice naszych animacji którą przenosimy tutaj
to usuwamy to usuwamy
to nam nie jest potrzebne dodajmy
przecinek i w sumie fajnie byłoby też żeby to na chwilę się zatrzymało
czyli na przykład robimy delay niech będzie nawet na dłużej nawet
na sekundę niech poczekam okej zobaczymy
jak to wygląda okej
no tu nam się coś schrzaniło a dlatego że po
prostu nie wystartowaliśmy tego jeszcze raz a
przebudujemy sobie oba projekty obie apki zobaczmy
na androidzie fajnie jeszcze raz fajnie
no i ten upgrade też nie działa tak czyli
sequence'a możemy używać jest to bardzo fajne kiedy właśnie mamy kilka animacji pod
sobą i właśnie pozwala nam to unikać takich rozwiązań jak timeout czy jakieś
tam delayowanie na siłę tych animacji powrotnych no i w tej lekcji to tyle