Szkolenie React Native
Poziom
PodstawowyCzas
24h / 3 dniTermin
IndywidualnieCena
IndywidualnieSzkolenie z React Native
Szkolenie dla osób znających podstawy JavaScriptu i Reacta, które chcą tworzyć aplikacje mobilne na iOS i Android z użyciem React Native. Program obejmuje konfigurację projektu, wybór między Expo i React Native CLI, komponenty natywne, stylowanie, animacje, nawigację, obsługę danych, lokalne przechowywanie, podstawy testowania oraz debugowanie. Uczestnicy uczą się budować utrzymywalne aplikacje mobilne, świadomie dobierać biblioteki i rozumieć ograniczenia podejścia cross-platform.
Dla kogo jest to szkolenie?
Dla programistów tworzących aplikacje internetowe w React, którzy chcą nauczyć się wykorzystywać React Native do tworzenia nowoczesnych aplikacji mobilnych-
Dla programistów, którzy uczyli się React / React Native na własną rękę, ale potrzebują uporządkowania wiedzy
-
Dla osób, które chcą obrać nową ścieżkę kariery lub znają już inne popularne biblioteki i chcą zwiększyć swoją szansę na rynku pracyosób, które chcą obrać nową ścieżkę kariery, lub znają już inne popularne biblioteki i chcą zwiększyć swoją szansę na rynku pracy.
Czego nauczysz się na szkoleniu?
- Skonfigurujesz projekt React Native z użyciem Expo lub React Native CLI oraz uruchomisz aplikację na emulatorze albo urządzeniu fizycznym
- Zbudujesz ekran aplikacji z wykorzystaniem podstawowych komponentów React Native, list, obrazów SVG, SafeAreaView i WebView
- Przygotujesz style aplikacji z użyciem StyleSheet, bibliotek komponentów i wybranych technik animacji
- Zaprojektujesz podstawowy przepływ użytkownika z użyciem nawigacji oraz dobierzesz sposób przechowywania danych i zarządzania stanem
- Zastosujesz narzędzia debugowania oraz przygotujesz podstawowe testy komponentów z użyciem React Native Testing Library
- Ocenisz dobór bibliotek, ograniczenia podejścia cross-platform i podstawowe ryzyka utrzymania aplikacji mobilnej
Program szkoleniia
Dzień 1
Wstęp
- Wprowadzenie do React Native i zastosowania podejścia cross-platform.
- Architektura aplikacji React Native i relacja między kodem JavaScript a warstwą natywną.
- JavaScript i TypeScript w projektach React Native.
- Podstawowe różnice między aplikacją webową w React a aplikacją mobilną w React Native.
- Ograniczenia React Native, zależności natywne i konsekwencje utrzymaniowe.
Setup projektu: Expo vs React Native CLI.
- Porównanie Expo i React Native CLI.
- Kryteria wyboru podejścia projektowego: szybkość startu, zależności natywne, konfiguracja i utrzymanie.
- Konfiguracja projektu z użyciem Expo lub React Native CLI.
- Struktura katalogów, pliki konfiguracyjne i podstawowe skrypty projektowe.
- Uruchamianie aplikacji na emulatorze, symulatorze i urządzeniu fizycznym.
- Debugowanie aplikacji napisanej w React Native.
- Podstawowa diagnostyka błędów środowiska, zależności i procesu budowania.
Komponenty w React Native
- Podstawowe komponenty interfejsu React Native.
- Różnice między komponentami React Native a elementami HTML.
- Kompozycja ekranu, podział odpowiedzialności i reużywalność komponentów.
- Listy i wydajne renderowanie danych.
- FlatList, SectionList i podstawowe techniki optymalizacji list.
- Pliki SVG w aplikacji mobilnej.
- Obrazy, ikony i zasoby statyczne w projekcie mobilnym.
- SafeAreaView i obsługa obszarów systemowych.
- WebViews i osadzanie treści webowych.
- Platformowe różnice komponentów między iOS i Android.
Dzień 2
Stylowanie i animacje aplikacji.
- Podstawy stylowania z wykorzystaniem StyleSheet.
- Model stylowania w React Native a różnice względem CSS w przeglądarce.
- Układ elementów, flexbox i podstawowe wzorce ekranów mobilnych.
- Responsywność, wymiary ekranu i adaptacja interfejsu do różnych urządzeń.
- Emotion jako alternatywa dla wbudowanego sposobu stylowania.
- Adaptacja popularnych bibliotek komponentów.
- Spójność wizualna, komponenty współdzielone i podstawy design systemu.
- Animacje i podstawowe interakcje w interfejsie mobilnym.
- Gesty, przejścia i ograniczenia wydajności animacji.
- Dostępność interfejsu mobilnego i podstawowe dobre praktyki UX.
Dane, stan i nawigacja
- Nawigacja w React Native i intuicyjny flow użytkownika.
- Typy nawigacji: stack, tabs i drawer.
- Parametry tras, przejścia między ekranami i organizacja struktury nawigacji.
- Dane aplikacji i lokalne przechowywanie – Storage.
- Async Storage, dane sesyjne i podstawowe scenariusze persystencji.
- Komunikacja z API, obsługa stanów ładowania i błędów.
- Redux, Zustand i współczesne podejście do stanu aplikacji.
- Stan lokalny komponentu, stan globalny i kryteria wyboru rozwiązania.
- Separacja logiki biznesowej od warstwy widoku.
- Podstawowe ryzyka przechowywania danych po stronie aplikacji mobilnej.
Dzień 3
Testowanie aplikacji
- Testy z wykorzystaniem React Native Testing Library.
- Struktura testu komponentu, renderowanie i asercje.
- Testy interakcji użytkownika i podstawowa weryfikacja zachowania ekranu.
- Mockowanie zależności, nawigacji i danych zewnętrznych.
- Testy snapshotowe i ich ograniczenia.
- Przegląd technologii do testów end-to-end.
- Różnice między testami jednostkowymi, integracyjnymi i end-to-end.
- Podstawy debugowania testów i analiza błędów regresji.
- Minimalna strategia jakości dla aplikacji React Native.
- Przygotowanie aplikacji do dalszego rozwoju, utrzymania i kontroli ryzyk.
