Gyors, kényelmes, típusbiztos

Átírás

1 REACT JAVA Cooperation over Competition MIGERAN Dr. Annamária Mattasits CEO / Co-Founder Gyors, kényelmes, típusbiztos Gergely Kis CTO / Co-Founder

2 BEMUTATKOZÁS 10 év Migeran - Smart Software Solutions Először megbízás alapú szoftverfejlesztés 6 év Google V8 motor fejlesztés ~ 1100 commit 2013-tól Migeran for ios fejlesztése Appok fejlesztése Java nyelven ios-re 2015-ben megvásárolta az Intel -> Multi-OS Engine 2016 nyár: nyílt forrású kiadás, projektvezetés 2017: Új fókusz Fejlesztő(cégek) segítése tréningekkel és eszközökkel, hogy csodálatos appokat készítsenek App Fejlesztő Mesterkurzus React Java 2

3 REACT DIÓHÉJBAN Átlátható, deklaratív, nyelvfüggetlen modell Állapot (State) Tulajdonságok (Props) Szülő komponens Események (Events) React Komponens Gyermek komponens Gyermek komponens Gyermek komponens 3

4 REACT JAVA Cooperation over Competition 4

5 MIÉRT REACT JAVA? Kombináljuk a React és a Java platform előnyeit A React(-Native) megköveteli a JavaScript környezet használatát Java / Android fejlesztők számára átképzés, új eszközök bevezetése szükséges A React(-Native) fejlesztési modellje Java fejlesztők számára adaptálva JavaScript környezetben a típusok futásidőben módosíthatók Nagyobb fegyelmet igényel, hogy megbízható, gyors kód szülessen Típusbiztos interfészek, Kotlin DSL 5

6 REACT ARCHITEKTÚRA React Native - JavaScript Alkalmazáskód React Core React Native React Native Komponensek JavaScript Java Bridge ObjC ReactAndroid Natív Modulok React.framework Natív Modulok Android ios 6

7 REACT JAVA ARCHITEKTÚRA Java Maximális kompatibilitás Alkalmazáskód (Java, Kotlin... etc.) React Java 6 hónap React Java Komponensek Android Bridge ios - Java Bridge (MOE - Nat/J) 1 hét ObjC ReactAndroid Natív Modulok React.framework Natív Modulok Android 1 hét Módosítás nélkül felhasználhatók ios 7

8 DEMÓ APP Biztonságos Youtube gyerekeknek 8

9 DEMÓ APP Biztonságos Youtube gyerekeknek Két app (Gyermek - Szülő) A Gyermek appban csak a szülő által előszűrt, ellenőrzött tartalom jelenik meg A Szülő appban a szülő szabadon kereshet, a megtalált videókat, csatornákat engedélyezheti a gyermeke számára Web of Trust: Barátok, ismerősök, megbízható harmadik felek megoszthatják a beállításaikat Dogfooding: Ideális első alkalmazás Ha az app érdekel, itt iratkozz fel: migeran.com/safe-tube-hu 9

10 DEMÓ APP Biztonságos Youtube React Java-val Követelmények (Minimális Termék) Videók keresése (Gyermek - csak előszűrt) Megtalált videók / csatornák listázása Megtalált videók szűrésének beállítása Videólejátszás React Native Youtube komponens A natív modulok 1 az 1 -ben használhatók React Java-val JavaScript kód portolása Java-ra ~ 1 nap Proof of concept videólejátszó app elkészítése ~ 0.5 nap 10

11 ÉLŐ BEMUTATÓ Pálfi Ákos A Migeran React Java projekt vezető fejlesztője 11

12 REACT JAVA ELŐNYÖK Java fejlesztők számára A megszokott eszközeiket használhatják Minimális tréning igény ios platformra fejlesztés új nyelvek megtanulása nélkül Jobb IDE támogatás lehetséges a részletesebb típusinformációk és a típusbiztos API / Kotlin DSL miatt Maximális kódújrafelhasználás: Android, ios, Backend 12

13 REACT JAVA STÁTUSZ Early Access verzió: December Android és ios támogatás Típusbiztos Java API, Kotlin DSL Gradle és CocoaPods integráció Legfontosabb React Native komponensek elérhetők Text TextInput Image ScrollView Button Slider...etc. Könnyen beépíthető Android / Multi-OS Engine projektekbe 13

14 REACT JAVA ROADMAP Publikus elérhetőség: 2018 Első Negyedév Fennmaradó React Native komponensek portolása React Native függőségek frissítése React Native Fiber implementáció portolása Instant Launch támogatás ios-en Marketing Java Fejlesztőknek migeran.com/react-java 14

15 REACT JAVA WEB Minden Platform egy Kódbázisból Early Access 2018 Első Negyedév Teljes fejlesztési életciklus támogatás TeaVM-re építve Futtatás, Debuggolás elterjedt Java IDE-kből Megszokott eszközök használata Kódmegosztás csúcsra járatva Platformok között: Backend, Mobil és Web Nyelvek között: Java, Kotlin, Scala, Clojure... etc. migeran.com/react-java 15

16 REACT JAVA Cooperation over Competition 16

17 JAVA ÉS JAVASCRIPT Java Java Együtt - Ugyanabban a komponensben JavaScript Kotlin... JavaScript TypeScript... API Bridge React Java Core Backend Bridge Android ios Web ReactAndroid Natív Modulok React.framework Natív Modulok Natív Modulok 17

18 JAVA ÉS JAVASCRIPT Java Java Együtt - Ugyanabban a komponensben JavaScript Kotlin... JavaScript TypeScript... API Bridge React Java Core Backend Bridge Android ios Web ReactAndroid Natív Modulok React.framework Natív Modulok Natív Modulok 18

19 KÖSZÖNJÜK A FIGYELMET! Youtube Gyerekeknek migeran.com/safe-tube-hu Dr. Annamária Mattasits CEO / Co-Founder Migeran React Java migeran.com/react-java Gergely Kis CTO / Co-Founder App Fejlesztő Mestertréning migeran.com/trening 19