Download as PDF, PPTX
Uploaded bySam Lee
React Native for Web
This document discusses React Native for Web and its benefits. It explains that React Native for Web allows building omni-channel apps that work across iOS, Android, and Web using a single codebase. It outlines the setup process for React Native for Web and demonstrates some key components like TextInput, Button, Touchable elements, and ListView working the same as in mobile. The document concludes by emphasizing how React Native for Web enables building high-performance native apps for multiple platforms and encourages questions.
More Related Content
Similar to React Native for Web
React Native for Web
- 1.
- 2.
- 3. Agenda • Why ReactNative for Web ? • ! • Demo
- 4. Why React Native forWeb ?
- 5.
- 6. : iOS x 1 Androidx 1 FED x 1
- 7. - App iOS iOSApp Android Android App FrontEnd
- 8. - App iOS Android FrontEnd ReactNative App (iOS, Android)
- 9. Bug : 250%up : 280% up
- 10.
- 11.
- 12. Why web app? 1.: 2. : App , 3.
- 13.
- 14.
- 15.
- 16.
- 17.
- 19.
- 20. Setup • react-native • installreact-native-web • webpack : (ex: react-hot-boilerplate) index.html , index.web.js webpack config
- 21.
- 22.
- 23.
- 24.
- 25.
- 26.
- 28.
- 29. ! • Demo “” React-Native-Web Demo , , , ! • , ,
- 30. Backend • Backend: • Express4.x • Pokemon-GO-node-api
- 31. • GPS : • • API : • Fetch API: • • Data
- 32. IV TextInput ( /) Button TouchableXXXX ListView View
- 33.
- 34.
- 35. ! • iOS ,Android, Web High! • Web Electron 5 !!! (iOS, Android, Web, Windows , Mac) • React-Native , Native App !
- 36.
- 37.
- 38. References • React NativeWeb : https://github.com/necolas/react-native-web • Generator React Native Web: https://github.com/leeabc/generator-react-native- web • React Native Web - React Native Sydney : https://www.youtube.com/watch?v=eV4pZ6vv1VE
- 39.