React Native
Download as PPTX, PDF3 likes1,214 views
React Native is an open source JavaScript library created by Facebook that allows developers to build mobile apps using React. Over 500 companies use React Native including Facebook, Microsoft, and Samsung. React Native enables developers to write once and deploy their code to both Android and iOS, bridging native components while providing a native experience. It uses the same fundamental UI building blocks as regular Android and iOS apps.
React Native
- 1. 28.09.2016 Fatih Şimşek - Software Infrastructure React Native
- 2. React Native Open source Javascript Library React Native started as a Facebook's hackathon project in the summer of 2013 Facebook Ads Manager on IOS and Android share %85 of the code
- 3. Who is using React Native? Microsoft brings React Native to the Windows ecosystem Samsung builds React Native for its hybrid platform (Tizen) Facebook Groups & Ads Manager 500+ companies and developer who published apps to Apple’s app store 200+ companies and developer who published apps to Google’s Play store https://facebook.github.io/react-native/showcase.html
- 4. Github
- 5. React Native Learn once, write anywhere Be able to bridge Native Code Testable Native experience
- 6. React Native Better Developer experience
- 7. Work with Existing Apps
- 8. Architecture
- 9. React Architecture State, Properties Update UI
- 10. React-Native Architecture State, Properties Update UI
- 11. Architecture
- 12. Architecture
- 13. Flexbox
- 14. Flexbox
- 15. DEMO
- 16. react-native init ProjectName cd AwesomeProject react-native run-android / run-ios * a common issue is that the packager is not started automatically when you run react-native run-android. You can start it manually using react-native start.
- 17. react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/ react-native bundle --platform ios --dev false --entry-file index.ios.js --bundle-output ios/main.jsbundle --assets-dest ios
Editor's Notes
- #3: https://code.facebook.com/posts/597378980427792/react-native-a-year-in-review/
- #4: http://developer.samsung.com/what-is-new/news/Facebook-s-React-Native-gets-backing-from-Microsoft-and-Samsung The React Native team has grown from around 10 to around 20 engineers in the past year and has strong representation in Menlo Park, London, and New York. The main focus areas of the React Native team since the Ads Manager launch have been the following: Improving performance such as startup time, responsiveness, and scroll performance. Integrating with UI and infrastructure of the main Facebook app, both on iOS and Android Building performance tooling such as CPU and memory profilers Building new features needed by product teams at Facebook Supporting product teams by answering questions and fixing bugs quickly Developer experience, such as integrating with internal developer tools and build systems Only IOS and Android are officially supported by Facebook. Outside projects are in developement for using React-Native to build: Windows Universal App Mac OSX desktop App Ubuntu desktop App Apple TV App Samsung Tizen SmartTV / SmartWatch App
- #5: Contributors, Commits count bigger than React
- #9: https://www.youtube.com/watch?v=0MlT74erp60
- #11: http://www.slideshare.net/TadeuZagallo/javascript-react-native-and-performance-at-reacteurope-2016?qid=56ebb2fd-1d03-4521-9e0b-a78fb844f74a&v=&b=&from_search=19 http://www.slideshare.net/TadeuZagallo/react-native-internals?qid=56ebb2fd-1d03-4521-9e0b-a78fb844f74a&v=&b=&from_search=28
- #12: Minimum data transfer from bridge for performance Platform.OS == ‘ios’ or ‘android’ http://www.slideshare.net/Polidea/react-native-building-native-ios-apps-with-javascript?qid=56ebb2fd-1d03-4521-9e0b-a78fb844f74a&v=&b=&from_search=42
- #13: Good benefits of Javascript is their asychronous natures React-Native use Javascript asynchronous call via the bridge to invokes the host native platform’s underlying APIs and UI elements Since, React-Native dont run on main UI thread, it can asynchronous call without impact user’s experience. http://www.slideshare.net/KevinONeill42/react-native-58258744?qid=56ebb2fd-1d03-4521-9e0b-a78fb844f74a&v=&b=&from_search=43
- #14: http://www.slideshare.net/kobkrit/react-native-lecture-4-basic-elements-and-ui-layout-by-using-flexbox?qid=49a8bf5e-c250-4c44-a69e-0fa94eed5cd5&v=&b=&from_search=4
- #16: Simple Render (Hello World)
- #19: Tools: http://www.slideshare.net/adrian_philipp/experiences-building-apps-with-react-native?qid=56ebb2fd-1d03-4521-9e0b-a78fb844f74a&v=&b=&from_search=32