React Native by Artur Staszczyk

•

0 likes•113 views

Women in Technology Poland

44th Women in Technology meeting in Cracow

Dlaczego React
Native będzie
rósł?
I dlaczego potrzebuje doświadczonych
developerów mobilnych?

10 lat doświadczenia zawodowego
Developer, Scrum Master, VP of
Engineering
Reality Pump, CD Projekt RED,
GameDesire, Qualtrics
iOS and Android developer
Artur Staszczyk
Senior Software Developer @ Qualtrics
https://www.linkedin.com/in/arturstaszczyk
@arturstaszczyk

Agenda Czym jest React Native?
Potrzeby biznesowe
Rozwiązania technologiczne
Moja przygoda z RN
�ʰ��ł��

React Natvie Wieloplatformowy framework
JavaScript
Oparty o paradygmat
programowania deklaratywnego
Uruchamiany na urządzeniach za
pomocą natywnego interpretera JS
Posiadający bibliotekę tłumaczącą
kod JS na wywołania kodu
natywnego.

Dlaczego biznes chce
rozwiązań
wieloplatformowych?
Koszt wytworzenia
oprogramowania
Feature parity
Jeden zespół, wiele platform
Sprawdzone i wspierane przez
wielkich

Technology
(pros)
Natywne kontrolki
Możliwość dodania własnych
komponentów
Learn once write everywhere
Dużo narzędzi z React.js
OTA updates
Krótki cykl developmentu

Technology
(cons)
v0.5.4
JavaScript (easy to learn, hard to
master)
“Front-endowe” korzenie
Wydajność

Wydajność
JS Thread
UI Thread
Batch call Batch call Batch call
16.(6) ms 16.(6) ms 16.(6) ms

Potrzebne kompetencje
Znajomość architektury systemów operacyjnych ( animacje, wątki, niskopoziomowe API graficzne,
budowa natywnego UI, konstrukcja plików projektów, build toolchain…)
Proces wystawiania aplikacji do sklepu
iOS User Interface guidelines, Material Design

Moja przygoda -
czego się
nauczyłem
React Native developer od 2
miesięcy
Pisanie w deklaratywnym stylu
Nie wszystko się da…
Debugging
Problemy z testowaniem

Asynchroniczność przestała być dodatkiem, a stała się mechanizmem bez którego nie wyobrażamy sobie budowy aplikacji. Możemy do tego podejść na różne sposoby. Możemy albo utknąć w "callback hellu" albo poszukać czegoś co umożliwi nam pisanie czytelnego, łatwego w utrzymaniu a zarazem prostego kodu, który dodatkowo bez najmniejszych przeszkód możemy testować. Jak zredukować efekty uboczne związane z pobieraniem, przetwarzaniem danych, dostępem do cache’a na rzecz prostej integracji z popularnymi frontendowymi bibliotekami takimi jak redux? Jak modelować skomplikowane transakcje biznesowe wymagające synchronizacji wielu kroków? Podczas mojej prezentacji opowiem na bazie doświadczeń w projektach komercyjnych jak sagi oraz generatory wykorzystane w bibliotece redux-saga mogą poprawić czytelność Twojego kodu, ułatwić jego testowanie, oraz oszczędzić Twój cenny czas.

Produkcja aplikacji internetowychTomasz Borowski

��

O zagadnieniu: Czy następuje taki moment w życiu programisty, kiedy może on stwierdzić, że jego warsztat jest już doskonały? Nie, jeżeli pracuje w technologiach internetowych. Ta dziedzina informatyki rozwija się w niesamowicie szybkim tempie, a stworzone wczoraj rozwiązania warto stosować już dziś! Cel i korzyści spotkania: Podczas spotkania słuchacze poznają aktualnie wykorzystywane technologie oraz kluczowe umiejętności w produkcji aplikacji internetowych, jak również metody programowania ekstremalnego i techniki zwinnego wytwarzania oprogramowania. Osobom, które dopiero zaczynają swoją przygodę z web development, zostanie przedstawiona propozycja działań, których sumienne podjęcie się gwarantuje odniesienie sukcesu zawodowego.

Od Figmy do gotowej aplikacji bez linijki koduThe Software House

��

AWS Amplify Studio jest nowością od AWS’a, która pozwala połączyć komponenty Figma z bazą danych i wygenerować gotowy kod React. Czy to oznacza, że frontend deweloperzy przestaną być potrzebni? A może te narzędzie to tylko chwyt reklamowy? I czemu AWS zainteresował się narzędziami low-code/no-code. Na to wszystko Aleksander odpowie w swojej prezentacji. I pokaże na żywo jak przejść od Figmy do gotowej aplikacji.

Titanium - RuPy TuesdayGaldoMedia

��

Girls in It - Front-end & Back-end. Jak zacząćmonterail

��

“Girls in IT” to cykl spotkań dla kobiet, które mają na celu pokazać od kuchni jak wygląda praca w firmie technologicznej i pomóc im podjąć właściwą decyzję na temat kariery zawodowej. W pierwszej części, przeznaczonej dla przyszłych Front-end Developerek, opowiemy na czym polega tworzenie strony internetowej i podzielimy się listą niezbędnych źródeł dla początkujących. Druga część zawiera praktyczne informacje dotyczące Backend development'u. Przedstawimy specyfikę pracy na tym stanowisku, dobre praktyki, a także cenne wskazówki od naszych ekspertek. https://www.youtube.com/watch?v=ww36brBuxU8

Jak podwoić wartość kodu .NET?javOnet

��

Extjs & netzkeGaldoMedia

��

university day 1Sławomir Borowiec

��

User Experience – wpływ internetu na aplikacje enterprise - Netcamp #14Fundacja Rozwoju Branży Internetowej Netcamp

��

Feature flags na ratunek projektu w JavaScriptThe Software House

��

Piątek po południu. Wypuściłeś aktualizację na serwer z nową funkcjonalnością (mimo, że wszyscy ci odradzali). Ale był tam krytyczny fix buga. Nie miałeś innego wyjścia. 5 minut po deployu okazuje się, że system leży – nowa funkcjonalność coś popsuła. Chyba czeka cię długi piątek/weekend. Gdybyś miał Feature Flags w projekcie, to twój piątek wyglądałby zupełnie inaczej. Feature Flags (albo Feature Toggles) pozwalają ukryć funkcjonalność przed użytkownikiem końcowym i wyświetlić ją warunkowo. Dzięki temu można spokojnie merge’ować wszystko do głównej gałęzi. Albo wyłączyć funkcjonalność w ciągu kilku minut, jeśli jest wadliwa. Na prezentacji opowiem, dlaczego w swojej aplikacji JavaScript powinieneś rozważyć Feature Flags. Wady, zalety i praktyczne wskazówki jak sobie z tym radzić. I to wszystko z perspektywy osoby, która korzysta z tego od dłuższego czasu. Po wyjściu z prezentacji będziesz wiedzieć kiedy warto stosować flagi i jak utrzymać je pod kontrolą.

CI oraz CD w złożonym projekcie o małym budżecieGrzegorz Godlewski

��

Jak zorganizować sobie Continuous Integration i Continuous Delivery w projekcie o niezwykle małym budżecie W trakcie prezentacji dotknięte zostaną następujące zagadnienia: - sposób organizacji projektu pod kątem wprowadzania CI / CD - użycie kontenerów w celu przeprowadzania wyżej wymienionych procesów - zalecenia odnośnie stosowania narzędzi takich jak TeamCity, Docker, Ansible, Git, Make, skrypty Bash, Phing itp. - wskazanie pułapek o których trzeba pamiętać

Infoshare - jak tworzyć aplikacje b2b?Tomasz Janeczko

��

Jak zostać mobile deweloperem w 1 dzieńPaweł Kondraciuk

��

Jak zbudować aplikacje z wykorzystaniem funkcjonalności windows server 2016...Lukasz Kaluzny

��

Zagadnienia: Nowe funkcjonalności Microsoft Windows Server 2016 w kontekście budowy aplikacji typu cloud-native: Zastosowanie Nano Servera, czyli odchudzonej wersji Windows Server 2016, oszczędniej korzystającej z zasobów IT. Uruchamianie na Nano Serwerach WS2016 aplikacji napisanych w .NET, Javie, Pythonie (Django) czy JavaScript (Node.js). Migracja - bez konieczności zmiany kodu - istniejących aplikacji do architektury opartej o kontenery. Kontenery to rozwiązania oparte na szybkiej wirtualizacji na poziomie procesów. Nie tworzą dodatkowych instancji jądra systemu operacyjnego. Na tym samym hoście można uruchomić większą ilość kontenerów niż maszyn wirtualnych. Uruchamianie i zamykanie kontenera jest też znacznie szybsze, niż uruchamianie i zamykanie maszyny wirtualnej. Wspólna praca developerów i administratorów nad produktem, czyli DevOps z wykorzystaniem Windows Server 2016 i Visual Studio Team Services w chmurze Azure. Automatyczne budowanie obrazów kontenerów dla każdego nowego kodu i wdrażania ich w różne środowiska Łatwiejsze zarządzanie obciążeniami aplikacji pomiędzy zasobami we własnej infrastrukturze i w chmurze Azure dzięki WS2016 oraz Azure Service Fabric. Funkcjonalności Windows Server 2016 powstałe z myślą o wygodzie administratorów: Nowa wersja PowerShell 5.0 - przynosząca lepsze funkcjonowanie powłoki linii poleceń oraz udoskonalony język skryptowy, Azure Remote Server Management Tools – zdalne zarządzanie Nano i Windows Server 2016 z Azure, PowerShell Direct, Nested Virtualization jako wsparcie ułatwienia nauki i testów.

Tomasz Głogosz: SharePoint Framework - nowa jakość w client-side developmentSharePoint Saturday Warsaw

��

Single Page Applications przy wykorzystaniu REST3camp

��

Środowisko PWAUniversity of Economics in Katowice

��

Jak oszczędzać czas zespołu w środowisku mikroserwisów, czyli efektywny flow ...Mateusz Paprocki, PMP

��

Każdy zespół pracujący w środowisku mikroserwisów boryka się z podobnymi problemami: jak dbać o jakość kodu, organizować feature branche, testować zmiany, budować kolejne wersje aplikacji, zarządzać środowiskami, czy, finalnie, doprowadzić do automatycznych release’ów. W prezentacji przygotowanej przez trójmiejski software house Neoteric zobaczymy jedną z koncepcji rozwiązania problemów. Przygotujcie się na solidną dawkę Jenkinsa, Dockera, GitFlow oraz Sonara!

GET.NET - Osiołkowi w żłobie dano, czyli o tym jak hostować aplikacje na Mic...Michal Furmankiewicz

��

Distributed Agile3camp

��

Piotr Grabski-Gradziński (VML) - To jak zrobimy ten projekt? Czyli o doborze ...Business Link Krakow

��

Wygranie projektu czy decyzja o realizacji własnego pomysłu to moment, po którym następuje kluczowe pytanie. Jak go zrealizować? W VML na co dzień zadajemy sobie to i szereg innych pytań: z jakiej technologii skorzystać, jak go zoptymalizować czy gdzie go hostować, aby zrealizować zakładany zakres i dotrzymać terminu. W ramach tej prelekcji Piotr pokaże Ci jak znaleźć odpowiedzi na te i inne pytania, na co zwrócić szczególną uwagę kiedy decyzja o wyborze technologii rzutuje na cały projekt.

Technologie mobilne w platformach edukacyjnych. Kosmikus, studium przypadkuMichal Lukaszewski

��

Prezentacja przygotowana na potrzeby cyklu Launch & Learn prowadzonego w Young Digital Planet. Autorzy: Sławek Rodak i Michał Łukaszewski (ja). Prelekcja składała się z dwóch części: 1. Czego technologia oczekuje od biznesu aby przygotować dobry produkt uwzględniający urządzenia mobilne 2. Co technologia musi wiedzieć aby wesprzeć biznes w realizacji dobrego produktu. Kosmikus, produkt YDP, jako studium przypadku - jakie technologie zostały wybrane i dlaczego, gdzie były kompromisy i dlaczego. Przegląd najważniejszych technologii pozwalających zrealizować aplikacje dostępne na szerokim spektrum urządzeń. Mnóstwo linków do źródeł, porównań. Prezentacja do ściągnięcia również stąd: http://sdrv.ms/MtH62k W razie pytań, wątpliwości, chęci podyskutowania - zapraszm do kontaktu :)

Jak zapewnić jakość aplikacjom na sfragmentowanego Androida?Damian Szczurek

��

Technical Side of AgileMatt Harasymczuk

��

We have adopted Scrum and Kanban as our people framework and software engineering techniques and good practises XP, DevOps processes CI, CD, Quality, ChM, RM, BDD, TDD, Risk Management and GIT Flow for the technical counterpart. Here's a story of our problems and solutions we've came-up with. It has been a long journey already, but there's a lot of things to do ahead of us. Let's step into our Case Study

Droids On Roids - iOS 101, live codingMarcel Starczyk

��

iOS 101 || iOS From The Very Beginning #1Droids On Roids

��

Get Inspired: Po co nam UX? O edukacji i nie tylkoWomen in Technology Poland

��

Pierwsze kroki w karierze IT: LinkedIn - wykorzystaj potencjał sieciWomen in Technology Poland

��

More Related Content

Similar to React Native by Artur Staszczyk (20)

Extjs & netzkeGaldoMedia

��

university day 1Sławomir Borowiec

��

User Experience – wpływ internetu na aplikacje enterprise - Netcamp #14Fundacja Rozwoju Branży Internetowej Netcamp

��

Feature flags na ratunek projektu w JavaScriptThe Software House

��

CI oraz CD w złożonym projekcie o małym budżecieGrzegorz Godlewski

��

Infoshare - jak tworzyć aplikacje b2b?Tomasz Janeczko

��

Jak zostać mobile deweloperem w 1 dzieńPaweł Kondraciuk

��

Jak zbudować aplikacje z wykorzystaniem funkcjonalności windows server 2016...Lukasz Kaluzny

��

Tomasz Głogosz: SharePoint Framework - nowa jakość w client-side developmentSharePoint Saturday Warsaw

��

Single Page Applications przy wykorzystaniu REST3camp

��

Środowisko PWAUniversity of Economics in Katowice

��

Jak oszczędzać czas zespołu w środowisku mikroserwisów, czyli efektywny flow ...Mateusz Paprocki, PMP

��

GET.NET - Osiołkowi w żłobie dano, czyli o tym jak hostować aplikacje na Mic...Michal Furmankiewicz

��

Distributed Agile3camp

��

Piotr Grabski-Gradziński (VML) - To jak zrobimy ten projekt? Czyli o doborze ...Business Link Krakow

��

Technologie mobilne w platformach edukacyjnych. Kosmikus, studium przypadkuMichal Lukaszewski

��

Jak zapewnić jakość aplikacjom na sfragmentowanego Androida?Damian Szczurek

��

Technical Side of AgileMatt Harasymczuk

��

Droids On Roids - iOS 101, live codingMarcel Starczyk

��

iOS 101 || iOS From The Very Beginning #1Droids On Roids

��

Extjs & netzkeGaldoMedia

��

university day 1Sławomir Borowiec

��

User Experience – wpływ internetu na aplikacje enterprise - Netcamp #14Fundacja Rozwoju Branży Internetowej Netcamp

��

Feature flags na ratunek projektu w JavaScriptThe Software House

��

CI oraz CD w złożonym projekcie o małym budżecieGrzegorz Godlewski

��

Infoshare - jak tworzyć aplikacje b2b?Tomasz Janeczko

��

Jak zostać mobile deweloperem w 1 dzieńPaweł Kondraciuk

��

Jak zbudować aplikacje z wykorzystaniem funkcjonalności windows server 2016...Lukasz Kaluzny

��

Tomasz Głogosz: SharePoint Framework - nowa jakość w client-side developmentSharePoint Saturday Warsaw

��

Single Page Applications przy wykorzystaniu REST3camp

��

Środowisko PWAUniversity of Economics in Katowice

��

Jak oszczędzać czas zespołu w środowisku mikroserwisów, czyli efektywny flow ...Mateusz Paprocki, PMP

��

GET.NET - Osiołkowi w żłobie dano, czyli o tym jak hostować aplikacje na Mic...Michal Furmankiewicz

��

Distributed Agile3camp

��

Piotr Grabski-Gradziński (VML) - To jak zrobimy ten projekt? Czyli o doborze ...Business Link Krakow

��

Technologie mobilne w platformach edukacyjnych. Kosmikus, studium przypadkuMichal Lukaszewski

��

Jak zapewnić jakość aplikacjom na sfragmentowanego Androida?Damian Szczurek

��

Technical Side of AgileMatt Harasymczuk

��

Droids On Roids - iOS 101, live codingMarcel Starczyk

��

iOS 101 || iOS From The Very Beginning #1Droids On Roids

��

More from Women in Technology Poland (20)

Get Inspired: Po co nam UX? O edukacji i nie tylkoWomen in Technology Poland

��

Pierwsze kroki w karierze IT: LinkedIn - wykorzystaj potencjał sieciWomen in Technology Poland

��

Tech 101: Scrum 25.04.19 WarszawaWomen in Technology Poland

��

ARKit by Magdalena PałkaWomen in Technology Poland

��

ARKit is a new framework introduced in iOS 11 for augmented reality applications. It allows developers to place virtual objects in 3D space that interact with the real world. The document provides code snippets and explanations of key ARKit classes like ARCamera for camera tracking state, SCNNode for creating and transforming 3D nodes, ARPlaneAnchor for detecting horizontal surfaces, SCNPhysicsBody for adding physics, and SCNAnimationProtocol for animating nodes. Supported devices include recent iPhones and iPads as well as some Android devices.

Architecure components by Paulina SzklarskaWomen in Technology Poland

��

Big Data - historia i przyszłośćWomen in Technology Poland

��

Blockchain and Cryptocurrency Basics- #43 spotkanie WiT KrakówWomen in Technology Poland

��

"Wyzwania automatyzacji w ciągłej integracji" - o tworzeniu i utrzymaniu test...Women in Technology Poland

��

Agnieszka Pocha - Od surowych danych do gotowego modelu - uczenie maszynowe w...Women in Technology Poland

��

Monika Synoradzka - 10 sposobów na budowę silnego zespołu i bycie dobrym lide...Women in Technology Poland

��

Kulisy pracy w IT: Zawód Front- end Developer prezentacja Pawła JanasaWomen in Technology Poland

��

Jak bardzo techniczny musi być tester?Women in Technology Poland

��

Poznaj GITa - Natalia StankoWomen in Technology Poland

��

Poznaj GITa - część teoretyczna - Anna SzwiecWomen in Technology Poland

��

HTML, CSS & Javascript Architecture (extended version) - Jan KrausWomen in Technology Poland

��

Architektura html, css i javascript - Jan KrausWomen in Technology Poland

��

W prezentacji znajdziesz omówienie: -organizację kodu i pracy w trochę większych projektach -wykorzystanie narzędzi takich jak npm, gulp, sass, bower do automatyzacji zadań -efektywną pracę w zespole z wykorzystaniem gita -zasady tworzenia zwartego, łatwego w utrzymaniu kodu w oparciu o podejście SMACSS i BEM -wzorce i podejście do tworzenia modularnego javascriptu -przydatne narzędzia i biblioteki wraz z ich praktycznym zastosowaniem -testowanie stron i aplikacji -przyjrzymy się też nowej wersji Javascript: ES6/ES2015

Hackerspace WrocławWomen in Technology Poland

��

Roman Czarko-Wasiutycz- Projektowanie baz danychWomen in Technology Poland

��

Justyna Hankiewicz- Jak zbudować efektywny zespółWomen in Technology Poland

��

Warsztaty o zdrowiu karolina jarosz trener personalnyWomen in Technology Poland

��

Get Inspired: Po co nam UX? O edukacji i nie tylkoWomen in Technology Poland

��

Pierwsze kroki w karierze IT: LinkedIn - wykorzystaj potencjał sieciWomen in Technology Poland

��

Tech 101: Scrum 25.04.19 WarszawaWomen in Technology Poland

��

ARKit by Magdalena PałkaWomen in Technology Poland

��

Architecure components by Paulina SzklarskaWomen in Technology Poland

��

Big Data - historia i przyszłośćWomen in Technology Poland

��

Blockchain and Cryptocurrency Basics- #43 spotkanie WiT KrakówWomen in Technology Poland

��

"Wyzwania automatyzacji w ciągłej integracji" - o tworzeniu i utrzymaniu test...Women in Technology Poland

��

Agnieszka Pocha - Od surowych danych do gotowego modelu - uczenie maszynowe w...Women in Technology Poland

��

Monika Synoradzka - 10 sposobów na budowę silnego zespołu i bycie dobrym lide...Women in Technology Poland

��

Kulisy pracy w IT: Zawód Front- end Developer prezentacja Pawła JanasaWomen in Technology Poland

��

Jak bardzo techniczny musi być tester?Women in Technology Poland

��

Poznaj GITa - Natalia StankoWomen in Technology Poland

��

Poznaj GITa - część teoretyczna - Anna SzwiecWomen in Technology Poland

��

HTML, CSS & Javascript Architecture (extended version) - Jan KrausWomen in Technology Poland

��

Architektura html, css i javascript - Jan KrausWomen in Technology Poland

��

Hackerspace WrocławWomen in Technology Poland

��

Roman Czarko-Wasiutycz- Projektowanie baz danychWomen in Technology Poland

��

Justyna Hankiewicz- Jak zbudować efektywny zespółWomen in Technology Poland

��

Warsztaty o zdrowiu karolina jarosz trener personalnyWomen in Technology Poland

��

React Native by Artur Staszczyk

1. Dlaczego React Native będzie rósł? I dlaczego potrzebuje doświadczonych developerów mobilnych?

2. 10 lat doświadczenia zawodowego Developer, Scrum Master, VP of Engineering Reality Pump, CD Projekt RED, GameDesire, Qualtrics iOS and Android developer Artur Staszczyk Senior Software Developer @ Qualtrics https://www.linkedin.com/in/arturstaszczyk @arturstaszczyk

3. Agenda Czym jest React Native? Potrzeby biznesowe Rozwiązania technologiczne Moja przygoda z RN �ʰ��ł��

4. React Natvie Wieloplatformowy framework JavaScript Oparty o paradygmat programowania deklaratywnego Uruchamiany na urządzeniach za pomocą natywnego interpretera JS Posiadający bibliotekę tłumaczącą kod JS na wywołania kodu natywnego.

5. Dlaczego biznes chce rozwiązań wieloplatformowych? Koszt wytworzenia oprogramowania Feature parity Jeden zespół, wiele platform Sprawdzone i wspierane przez wielkich

6. Pisane w RN:

7. Technology (pros) Natywne kontrolki Możliwość dodania własnych komponentów Learn once write everywhere Dużo narzędzi z React.js OTA updates Krótki cykl developmentu

8. Technology (cons) v0.5.4 JavaScript (easy to learn, hard to master) “Front-endowe” korzenie Wydajność

9. Wydajność JS Thread UI Thread Batch call Batch call Batch call 16.(6) ms 16.(6) ms 16.(6) ms

10. Wydajność JS Thread UI Thread Batch call Batch call Batch call 16.(6) ms 16.(6) ms 16.(6) ms

11. Potrzebne kompetencje Znajomość architektury systemów operacyjnych ( animacje, wątki, niskopoziomowe API graficzne, budowa natywnego UI, konstrukcja plików projektów, build toolchain…) Proces wystawiania aplikacji do sklepu iOS User Interface guidelines, Material Design

12. Moja przygoda - czego się nauczyłem React Native developer od 2 miesięcy Pisanie w deklaratywnym stylu Nie wszystko się da… Debugging Problemy z testowaniem

13. �ʰ��ł��

14. Pytania?

�ݺ�ߣ

React Native by Artur Staszczyk

Recommended

More Related Content

Similar to React Native by Artur Staszczyk (20)

More from Women in Technology Poland (20)

React Native by Artur Staszczyk