React Native - CirebonDev
- 3. React Native Not Phonegap or Cordova Truly Native Maintenance by facebook Component Base Easy Styling Cross platform Android & iOS
- 4. Why React Native ?? Open Source Javascript Language Good Performance Many Plugins and Library Using JSX and ES6
- 5. How React Native Actually Work ! JS Javascript JSX ES6 Javascript Bridge on Your Phone Native UI Android/iOS JS Bridge Native UI
- 6. React Native Component State Props
- 10. Different Between RN & React.js React.js - For WEB - Componet <div>, <p>, <img> - Using Virtual DOM React Native - For Mobile apps development - Component <View>, <Text>. <Image> - Using Mobile Native API
- 11. State Management Sharing Data or State Between Component Global State
- 12. State Management Mostly Workflow
- 14. Starter Kit React Native CLI - Not Include Expo SDK - Good for Newbie - Github : https://github.com/facebook/react- native Create React Native App (CRNA) - Expo SDK Integrations - Github: https://github.com/react- community/create-react-native-app Ignite - Best StarterKit ever - Github: https://github.com/infinitered/ignite
- 15. “ Expo is a free and open source toolchain built around React Native to help you build native iOS and Android projects using JavaScript and React. What is Expo? https://expo.io
- 16. Best RN UI Library Native Base UI Kitten Nacos UI
- 17. Other RN Library Wix React Native Navigation Lottie RN MapView
- 19. Competitor VS ??
- 20. React Native Flutter - Compiled to Native - Using javascript and JSX - Hot reload feature - Maintenance by Facebook - has been used by many companies - Compiled to Native - Using Dart language - Hot reload feature - Maintenance by Google - Still beta, has not released stable yet REACT NATIVE
- 21. REACT NATIVE React Native - Compiled to Native - Using javascript and JSX - Hot reload feature - Maintenance by Facebook - has been used by many companies Ionic - Hybrid (WebView) - Using javascript (angular) - Can develop and debug from browser
- 22. Let start to Project
- 23. Tools
- 24. Installing CRNA npm install -g create-react-native-app yarn global add create-react-native-app Or
- 26. Create New Project create-react-native-app <YourProjectName>
- 27. Who is Use ?
- 28. Where I can learn React Native https://github.com/shubhnik/react-native-learning-resources
- 29. Any Question ?
- 30. We Are Hiring Send Your CV jobs@indosystem.com ayat.maulana@indosystem.com
- 31. Quiz Time