React Native Universal Apps

Transcript

1. React Native Universal Apps Akinn Rosa
2. Akinn Rosa @akinncar @akinncar Fullstack Developer
3. Overview What is React Native Universal Apps How to build an app Use cases and Benefits Deep dive and performance
4. React Native Is a framework that allows you to build native apps for [ios, android, web, desktop, tv] using Javascript and React.
5. Init Expo App npx create-expo-app@latest MyApp
6. Index/App index.tsx
7. New Expo App
8. Browser HTML
9. Expo Camera Camera.tsx import { CameraView } from "expo-camera"; import { StyleSheet, Text, TouchableOpacity, View } from "react-native"; export default function Camera() { return ( <View style={styles.container}> <CameraView style={styles.camera}> <View style={styles.textContainer}> <Text style={styles.text}>Expo Camera</Text> </View> </CameraView> </View> ); }
10. Expo Camera
11. Features Native Views Native Modules
12. Packages react-native react-native-web react-native-windows react-native-macos react-native-tvos
13. Who is using React Native Everywhere?
14. React Native Old Architecture
15. React Native Old Architecture
16. Browser Native Functions
17. Talk about React Native Architecture
18. Sponsor Me https://github.com/sponsors/akinncar/
19. Thanks! @akinncar @akinncar