React Java Presentation - HWSW · MIGERAN - SMART SOFTWARE SOLUTIONS • Először megbízás...
Transcript of React Java Presentation - HWSW · MIGERAN - SMART SOFTWARE SOLUTIONS • Először megbízás...
MIGERAN - SMART SOFTWARE SOLUTIONS
MIGERAN
REACT JAVA
Dr. Annamária Mattasits CEO / Co-Founder
Gergely Kis CTO / Co-Founder
Gyors, kényelmes, típusbiztos
Cooperation over
Competition
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
Migeran - Smart Software Solutions
2
BEMUTATKOZÁS10 év
Fejlesztő(cégek) segítése tréningekkel és eszközökkel, hogy csodálatos appokat készítsenek
React JavaApp Fejlesztő Mesterkurzus
MIGERAN - SMART SOFTWARE SOLUTIONS
Átlátható, deklaratív, nyelvfüggetlen modell
3
REACT DIÓHÉJBAN
React Komponens
Szülő komponens
Gyermek komponens
Gyermek komponens
Gyermek komponens
Tulajdonságok (Props)
Állapot(State)
Események (Events)
MIGERAN - SMART SOFTWARE SOLUTIONS
REACT JAVA
4
Cooperation over
Competition
MIGERAN - SMART SOFTWARE SOLUTIONS
• 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
• 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
Kombináljuk a React és a Java platform előnyeit
5
MIÉRT REACT JAVA?
A React(-Native) fejlesztési modellje Java fejlesztők számára adaptálva
Típusbiztos interfészek, Kotlin DSL
MIGERAN - SMART SOFTWARE SOLUTIONS
ObjC
React Native - JavaScript
6
REACT ARCHITEKTÚRA
Android iOS
ReactAndroid React.framework
Bridge
React Core
React Native
React Native Komponensek
JavaScript
JavaNatív Modulok Natív Modulok
Alkalmazáskód
MIGERAN - SMART SOFTWARE SOLUTIONS
ObjC
Maximális kompatibilitás
7
REACT JAVA ARCHITEKTÚRA
Android iOS
ReactAndroid React.framework
Android Bridge
React Java React Java Komponensek
Java
Natív Modulok Natív Modulok
Alkalmazáskód (Java, Kotlin ... etc.)
iOS - Java Bridge (MOE - Nat/J)
6 hónap
1 hét
1 hétMódosítás nélkül felhasználhatók
MIGERAN - SMART SOFTWARE SOLUTIONS
Biztonságos Youtube gyerekeknek
8
DEMÓ APP
MIGERAN - SMART SOFTWARE SOLUTIONS
• 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
Biztonságos Youtube gyerekeknek
9
DEMÓ APP
Ha az app érdekel, itt iratkozz fel: migeran.com/safe-tube-hu
Dogfooding:
Ideális első alkalmazás
MIGERAN - SMART SOFTWARE SOLUTIONS
• 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
Biztonságos Youtube React Java-val
10
DEMÓ APP
MIGERAN - SMART SOFTWARE SOLUTIONS
ÉLŐ BEMUTATÓ
11
Pálfi Ákos A Migeran React Java projekt
vezető fejlesztője
MIGERAN - SMART SOFTWARE SOLUTIONS
• 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
Java fejlesztők számára
12
REACT JAVA ELŐNYÖK
MIGERAN - SMART SOFTWARE SOLUTIONS
• 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.
Early Access verzió: 2017. December
13
REACT JAVA STÁTUSZ
Könnyen beépíthető
Android / Multi-OS Engine
projektekbe
MIGERAN - SMART SOFTWARE SOLUTIONS
• 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
Publikus elérhetőség: 2018 Első Negyedév
14
REACT JAVA ROADMAP
Marketing
Java Fejlesztőknek
migeran.com/react-java
MIGERAN - SMART SOFTWARE SOLUTIONS
• 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.
Minden Platform egy Kódbázisból
15
REACT JAVA WEB
migeran.com/react-java
MIGERAN - SMART SOFTWARE SOLUTIONS
REACT JAVA
16
Cooperation over
Competition
MIGERAN - SMART SOFTWARE SOLUTIONS
Együtt - Ugyanabban a komponensben
17
JAVA ÉS JAVASCRIPT
Backend Bridge
React Java Core
API Bridge
iOS
React.framework Natív ModulokReactAndroid
AndroidNatív
Modulok
WebNatív
Modulok
JavaScript
JavaScript TypeScriptJava
Java
Kotlin ... ...
MIGERAN - SMART SOFTWARE SOLUTIONS
Együtt - Ugyanabban a komponensben
18
JAVA ÉS JAVASCRIPT
Backend Bridge
React Java Core
API Bridge
iOS
React.framework Natív ModulokReactAndroid
AndroidNatív
Modulok
WebNatív
Modulok
JavaScript
JavaScript TypeScriptJava
Java
Kotlin ... ...
MIGERAN - SMART SOFTWARE SOLUTIONS 19
KÖSZÖNJÜK A FIGYELMET!Dr. Annamária Mattasits CEO / Co-Founder
Gergely Kis CTO / Co-Founder
Migeran React Java migeran.com/react-java
Youtube Gyerekeknek migeran.com/safe-tube-hu
App Fejlesztő Mestertréning migeran.com/trening