React Native with API Lumen

Membuat sebuah aplikasi sederhana menggunakan React Native dan mengambil data dari server menggunakan API Lumen

Transcript

1. Basic React Native For Begineer 19 Agustus 2017 DevC Surabaya from Facebook SMKN 1 Surabaya
2. Co-Lead DevC Surabaya, Facilitator in Android Kejar, art, design, photograph, writing and I love Sintax Nila Wilda Al Aluf Front End Engineer at pinjam.co.id Github @nilawildaalaluf Contact sakura19aluf@gmail.com @nilawilda
3. ! Facebook Developer Circle suatu product dari facebook untuk para developer ! DevC membantu share knowledge teknologi facebook dan teknologi terbaru ! DevC berkolaborasi dengan komunitas-komunitas Surabaya ! Surabaya.py, SurabayaDev, PhpIndonesia Surabaya, dan FemaleGeek adalah Community partner Developer Circle Surabaya
4. • Why React Native? • Dive in React Native • Build Mobile app for IOS and Android Using JavaScript Goals Goal
5. ! It’s Framework, While ReactJs is Library ! Same codeStyle with ReactJs ! Truly Native Mobile Apps For IOS and Android ! Faster the Hybrid Tech React Native
6. The five key concepts are: . Components . JSX . Props & State . The Component API . Component Types React Native Concepts
7. In React, We Build Component, not Template Component
8. Example Componet
9. JSX
10. Props and State
11. • npm install -g react-native-cli • react-native init ReactNativeApi • cd ReactNativeApi • react-native run-ios/react-native run-android Install React Native
12. Run Android
13. Run IOS
14. Making requests 
 fetch('https://mywebsite.com/mydata.json') React Native With API
15. 1 Learn Once, Write Everywhere Cost Efficiency 3 2 No More Civil War, Choose base on your needs Conclusion
16. Mau Jadi Programmer? Jangan Manja dan Malas Tetap Belajar dan Berusaha “Happy Code”