Bottega IT Minds

Kod:	react-native
Kategoria:	React
Forma:	80% Warsztaty / 20% Wykłady
Czas trwania:	3 dni

Odbiorcy:	developerzy, architekci
Zapisy:	Indywidualne zamówienie i dopasowanie dla grupy.
Logistyka:	W siedzibie klienta lub w innym dowolnym miejscu.

W trakcie szkolenia uczestnicy zbudują kompletną aplikację React Native dla dwóch platform jednocześnie - iOS oraz Android.

Będą tworzyć komponenty, które działają oraz wyglądają dobrze na obu platformach równocześnie. Nauczą się jak tworzyć wydajne animacje i korzystać z natywnych komponentów oraz bibliotek.

ReactJS jest współcześnie chyba najpopularniejszą biblioteką do tworzenia aplikacji WWW. Dzięki użyciu Virtual DOM możliwe jest też tworzenie za jej pomocą natywnych aplikacji mobilnych dla platformy iOS oraz Android. React Native korzysta z wbudowanych w system komponentów i pozwala na uzyskanie praktycznie takiej samej wydajności jak aplikacje pisane dla każdej z platform w dedykowanym języku.

Wyróżniki szkolenia

W trakcie warsztatów uczestnicy tworzą kompletną aplikację
Pokazujemy prawdziwe problemy i ich rozwiązania
Pokazujemy jak tworzyć komponenty zarówno dla iOS jak i Androida
Tworzymy aplikację od zera, aż do przygotowania produkcyjnej paczki

Program Szkolenia

Program jest ramą w jakiej możemy się poruszać merytorycznie - program dla konkretnego szkolenia dedykowanego ustalamy z grupą na podstawie analizy przed-szkoleniowej.

Components
1. View
2. Button
3. Image
4. Modals
5. Responding to touch
6. Keyboard avoiding view
7. Safe Area View
8. Platform specific components .ios .android
9. Text and Text Input
Styling
1. FlexBox
  1. Yoga
2. Positioning
  1. Hierarchy
3. Sizing
4. Styling
  1. Text Styling
5. Stylesheet
6. Sharing Styles
7. Platform specific styling
  1. Platform inconsistencies
Lists and Scrolls
1. Vertical/Horizontal Lists
2. Scroll View
3. Performance Optimizations
4. Infinite Scroll
Imperative APIs
1. Alerts
2. Pickers
3. Keyboard
4. Geolocation
Navigation
1. React Navigation
2. Routes
  1. Configuring Routes
  2. Ad-Hoc Route Configuration in Screens
3. Screens
4. Navigators
  1. Stack
  2. Drawer
  3. Tab
5. Passing arguments
6. Dynamic Header
Networking
1. Device status
2. Using HTTP APIs
Animation
1. Native Animations
2. JS Animations
Touch
1. Touch Handlers
2. Gesture Responders
Native Modules
1. Linking 3rd party libraries
2. Creating custom native module
  1. iOS
  2. Android
  3. Common JS API
3. Creating custom component
Running on device
1. iOS/Xcode
2. Android
Releasing to stores
1. iOS
2. Android
3. Signing
4. Production build
State Management
1. Without persistent state
2. With persistent state
Persistent State
1. SQL Database
2. Async Storage
3. NoSQL databases

Pobierz program w formacie PDF

Trenerzy

Poznaj ekspertów, którzy mogą poprowadzić Twoje szkolenie.

Marek Piechut

Trener JS

You aren't gonna need it! Start simple and grow from there.

Bartek Witczak

Trener JS

There's no silver bulett. Context is the king.

Materiały związane ze szkoleniem

Idea renesansowej pracowni - Bottegi zakłada nieustanną pracę jej członków i dzielenie się jej wynikami.

Looking for the Holy Grail of Mobile Web Performance

KATEGORIE: Front-end

W świecie mobilnym Istnieje przeświadczenie, że jedynie aplikacje natywne są w stanie sprostać oczekiwaniom użytkowników. Wraz z pojawieniem się Progresywnych Aplikacji Webowych, które mają przenieść na platformę webową wiele cech zarezerwowanych dotąd tylko dla rozwiązań natywnych, oczekiwania dotyczące wydajności są silniejsze niż kiedykolwiek wcześniej. Czy Web jest w stanie im sprostać?

Autor Bottega:

Adam Bar

Powiązane szkolenia dedykowane:

(zobacz wszystkie powiązane...)

Web Performance Optimization

Svelte: Reaktywne Aplikacje Frontendowe

Powiązane usługi:

Audyty architektury

JSON taki albo owaki... czyli kontrolowanie struktur z JSON Schema

KATEGORIE: Front-end

Slides

JSON jest najpopularniejszym formatem definiowania/wymiany danych w sieci. Jest elastyczny niczym XML oraz zwięzły, jak to tylko możliwe. Nie mniej, rozwiązłość strukturalna JSONów powoduje utratę kontroli nad tym, jakie dane są przechowywane. Jeśli chcesz kontrolować, co może być przechowywane w formacie JSON, zerknijmy na JSON Schema.

Autor Bottega:

Tomasz Ducin

Powiązane szkolenia dedykowane:

(zobacz wszystkie powiązane...)

Web Performance Optimization

Svelte: Reaktywne Aplikacje Frontendowe

Powiązane usługi:

Audyty architektury

A Ty co zrobisz bez frameworka

KATEGORIE: Front-end

Podczas tej prezentacji poznamy lit-html – bibliotekę, która w prosty sposób abstrahuje zawiłości operacji na DOM-ie – oraz jej kuzyna lit-element, dzięki któremu Web Componenty są dziś na wyciągnięcie ręki. Sprawdzimy, jak wiele można mieć za tak niewiele i zastanowimy się, czy lit-html może stanowić alternatywę dla frameworków.