0:00 / 0:00

React Native: Wprowadzenie

Mobilne Aplikacje z React

5 godz. 51 min · React Native · Full-stack i Programowanie

Piotr Szaciński

Czego się nauczysz

Konfiguracja środowiska i zrozumienie tego, jak działa React Native
Omówienie komponentów i różnic względem web
Zrozumienie i obsługa nawigacji
Tworzenie animacji przy zachowaniu pełnej wydajności
Cachowanie danych i podejście offline-first

Witaj w świecie mobile!

Zaró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.

Komponenty

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

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.

Nawigacja

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.

Offline-first

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.

Deployment

Przybliżymy ci proces wypuszczania aplikacji "w świat" oraz przedstawimy narzędzia, z których sam autor korzysta do ułatwienia tego procesu.

Dla kogo jest ten kurs?

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+

0:02Aplikacje natywne to obok stron

0:04internetowych najbardziej popularna specjalizacja w IT.

0:07Problem w tym, że mimo że Apple i Google

0:10mają razem 99% mobilnego rynku, tworzenie aplikacji wciąż jest trudne i

0:15wymagające, a dla wielu programistów to wręcz wiedza magiczna.

0:19Co więcej, jest mnóstwo technologii Swift,

0:22Objective-C, Kotlin, Java Later, a Joni za Marinę PWA.

0:27Trudno zdecydować się na tę właściwą.

0:29Dochodzą też problemy z testowaniem, wydajnością.

0:32To wszystko może skutecznie zniechęcić

0:34osobę, która chce zająć się programowaniem aplikacji natywnych.

0:38Właśnie tutaj z pomocą przychodzi jak native.

0:41Po pierwsze pozwala na współdzielenie nawet 95% kodu między platformami, a po

0:46drugie bazuje na sprawdzonej i najpopularniejszej technologii webowej.

0:51Programista, który zna jak ta, może

0:53stosunkowo szybko zostać wdrożony do projektu mobilnego i odwrotnie.

0:57To, co tak naprawdę różni Web i przy tych

0:59technologiach to deployment oraz środowisko uruchomieniowe.

1:03Cała obsługa logiki biznesowej,

1:05zarządzanie stanem czy deklaratywne tworzenie UI jest często identyczne.

1:10Ja nazywam się Piotr Chaciński i tematem MOBA zajmuję się od prawie 10 lat.

1:15Obecnie odpowiadam za cały development w firmie.

1:17Panowie programiści, gdzie ostatnio zdecydowaliśmy się na dość radykalny krok

1:21odejścia od technologii natywnych na rzecz gry jak nad koncepcja, w której piszemy

1:26jeden kod, który działa na obu platformach.

1:29Wydaje się istotnie lepsza od pisania tego samego dwa razy.

1:33Dla nas jako software house problemy zawsze były dwa.

1:36Niedojrzałość i brak technologii oraz

1:38wydajność smartfonów w przypadku AR jak Native.

1:41Po latach docierania i wielu wdrożeniach takich firm jak Facebook, Uber czy BIM,

1:46nie można mówić o braku dojrzałości, jeśli chodzi o wydajność urządzeń.

1:50Obecnie w wielu przypadkach nie sposób dostrzec różnic między aplikacją natywną a

1:54dobrze napisaną stroną internetową osadzoną w aplikacji.

1:58Obecnie istnieją nawet złożone projekty, które cały stack technologiczny opierają

2:03na drzewach i używając takich narzędzi jak mono repo współdzielą kod między front

2:07endem w trakcie backend, gdzie oraz moba y native.

2:12Można pójść o krok dalej i korzystać z

2:14takich rozwiązań jak Native Web, gdzie jeden kod pozwala na stworzenie aplikacji

2:18mobilnej strony oraz aplikacji desktopowej na raz.

2:22W mojej ocenie taka koncepcja dobrze

2:24oddaje to jak programiści będą pracować w przyszłości.

2:28W kursie opowiem o tym, jak od zera

2:30stworzyć aplikację mobilną, przetestować ją oraz uruchomić i wdrożyć.

2:36Przedstawię Ci podstawowe komponenty listy.

2:39Opowiem również o nawigacji i animacjach.

2:42Nie będę się skupiał na podstawach jak

2:43nauczyć JavaScriptu, jeśli nie znasz tych technologii.

2:46Na Edu Web znajdziesz rozbudowane kursy, które warto przerobić wcześniej.

2:51Próg wejścia jest nieco większy niż do łap

2:53ze względu na konieczność konfiguracji środowiska oraz emulatorów.

2:57Natomiast bazują na jachcie, gdzie nie

2:59musisz się przejmować na początek zbędną konfiguracją.

3:02Wystarczy przeglądarka i technologie, które dobrze znasz.

3:05Nie musisz mieć jednak kilku lat

3:06doświadczenia w technologiach webowych, żeby coś wiedzieć z tego kursu.

3:10Zupełnie odwrotnie.

3:11Postaram się przekazać jak najwięcej konkretów i wskazówek.

3:14Pomijając całą komplikację i zaawansowane przypadki.

3:17Wiedzę z tego kursu na pewno warto będzie uzupełnić przykładowo o TypeScript.

3:23Ale aby on był jak najbardziej przystępny

3:25i koncentrował się dokładnie na tym co trzeba.

3:27Pomijam te aspekty tak abyś mógł nauczyć się ich później.

3:31Do pracy z tym kursem nie będziesz

3:33potrzebował telefonu testowego ani konta App Developer.

3:37Również wszystkie narzędzia, z których będziemy korzystać są darmowe.

3:40To najprostszy i najlżejszy sposób na to,

3:43aby rozpocząć przygodę z tworzeniem aplikacji mobilnych.

3:46A dla tych z Was, którzy mają podstawy jak ta naturalna droga do poszerzenia

3:49kompetencji i awansu do ciekawych projektów.

3:53W pierwszych lekcjach chciałbym opowiedzieć o co chodzi z tym mobile.

3:56Dlaczego najprawdopodobniej będzie dla Ciebie idealny.

4:00To co, lecimy?