Szkolenie React Native 

Zapraszamy na 3-dniowe intensywne warsztaty szkoleniowe z React Native.
Podczas szkolenie zaimplementujesz własną aplikację, która od pierwszych linii kodu będzie wspierała jednocześnie Androida i iOS. Zobaczysz, jak dostosować elementy aplikacji do wykorzystania elementów dostępnych tylko w jednym z tych systemów. Dowiesz się czym się różni React Native od w pełni natywnych aplikacji jak i od tych opartych o Ionic/Cordovę. 

Dlaczego React Native?

React jest wydajną biblioteką do obsługi interfejsu użytkownika. Dzięki wykorzystaniu koncepcji komponentów ma również proste API oraz pozwala na względnie proste użycie poza pierwotnym środowiskiem przeglądarki. Inżynierowie Facebooka wykorzystali ten fakt do przygotowania zestawu API oraz komponentów React’a, które nie dość, że są dostępne bezpośrednio w JavaScript, to są renderowane jako natywne kontrolki mobilnego systemu operacyjnego.

Dzięki temu programiści iOS i Android mogą współdzielić najważniejsze części aplikacji wciąż pisząc aplikacje natywne, a programiści JavaScript mogą pisać aplikacje natywne korzystając z języka i bibliotek, które doskonale znają.

Dodając fakt bardzo silnej społeczności stojącej zarówno za React Native jak i samym Reactem wydaje się, że React Native jest jedną z najlepszych opcji to stworzenia aplikacji mobilnej.

 

Dla kogo?

Szkolenie i przekazywana na nim wiedza jest kierowana do osób programujących w JavaScript.

 

Wymagana wiedza

Znajomość JavaScript co najmniej w specyfikacji EcmaScript 2015 oraz znajomość biblioteki React.

 

Format

Szkolenie przewidziane jest na 3 dni, podczas których uczestnicy utworzą od zera własną aplikację – notatnik z obsługą synchronizacji notatek z serwerem oraz możliwością zapisywania grafik i miejsc na mapie. Aplikacja będzie zgodna z platformami Android oraz iOS. Zgodnie z zasadą maksimum praktyki – największy nacisk będzie położony na pracę z kodem.

 

Agenda

Przygotowanie nowego projektu. Struktura projektu React Native. Uruchamianie i debugowanie aplikacji.

Podstawowe komponenty i style. Zarządzanie pozycją elementów. Strategie zarządzania stylami.

  • komponenty: View, Text, Image
  • model flexbox
  • współdzielenie styli przez komponenty i moduły

 Obsługa list: wyświetlanie danych oraz wydajność różnych rozwiązań.

  • FlatList
  • SectionList
  • ScrollView

Obsługa interakcji z wykorzystaniem natywnych oraz własnych kontrolek. Dostosowanie widoku
do wyświetlenia klawiatury

  • Button
  • TouchableHighlight
  • TouchableNativeFeedback
  • TouchableOpacity
  • TouchableWithoutFeedback
  •  KeyboardAvoidingView

Obsługa wielu widoków z biblioteką react-navigation

  • createStackNavigator
  • createTabNavigator
  • createDrawerNavigator
  • właściwość navigation
  • widoki: StackView (StackViewCard, Header), SwitchView, Tabs, Drawer

Korzystanie z dostępnych API

  • CameraRoll
  • AsyncStorage
  • fetch
  • Share

Dostosowanie elementów aplikacji pod konkretną platformę.

  • sprawdzanie systemu operacyjnego oraz jego wersji
  • tworzenie modułów specyficznych dla danej platformy

Korzystanie z zewnętrznych bibliotek korzystających z natywnych API na przykładzie react-native-maps

Przygotowanie aplikacji do wydania

  • budowanie aplikacji
  • konfiguracja aplikacji do wydania w serwisach Google Play i AppStore
  • korzystanie z serwisu CodePush w celu zautomatyzowania procesu budowania
  • korzystanie z serwisu Fastlane w celu zautomatyzowania procesu budowania

Testowanie

  • Pisanie testów jednostkowych z wykorzystaniem narzędzia Jest

Informacje praktyczne

Kiedy?
Warsztaty wewnętrzne: termin do indywidualnego ustalenia z Waszym zespołem

Gdzie?
Dowolne miasto w Polsce

Uczestnicy
Od 4 do 12 osób

Kontakt i zapytania ofertowe
Piotr Zwoliński, CEO
[email protected]
Tel: + 48 784 811 497

Pobierz agendę tego szkolenia w formacie PDF:
agenda_szkolenia_developers_peak.pdf

Zainteresowany szkoleniem?
Piotr Zwoliński, CEO
[email protected], tel: + 48 784 811 497