Bridge
[ ...... ]
import { View, Text } from 'react-native'
const MyCoolApp = () => {
return(
<View>
<Text>This doesn't do much</Text>
</View>
)
}
Slider, Button, Refresh, Loader, Drawer...
Alert, Touch, Camera, SMS, Geo, Gallery...
Vytvořeno Jordanem Walkerem
Léto 2013 - React native byl výsledkem interního hackatonu
ve Facebooku
Leden 2015 - První preview pro veřejnost
Březen 2015 - React native je open a na Githubu
Šetří náklady
Znovupoužitelnost
Rychlost
Lepší výkon
Lepší zabezpečení
Lepší animace
Toolchain
SDK
Knihovna komponent
Build nástroj
Debug tools
OTA updates
Brzy
Bluetooth Api
Lepší nástroje pro vývoj a kolaboraci
Podpora React Native 0.59 = Hooky
Podpora 64b apps pro Google Play
Plánováno
Nakupování v aplikaci
React Native Youtube
PDF viewer
Audio playback na pozadí
Budu potřebovat native balíčky, které nejsou součástí Expa?
Jsem zkušený React native vývojář?
Chci mít kompletní kontrolu na build procesem?
const styles = StyleSheet.create({
bigBlue: {
color: 'blue',
fontWeight: 'bold',
fontSize: 30,
},
red: {
color: 'red',
},
});
const BigBlue = styled(View)`
color: blue;
font-weight: bold;
font-size: 30;
`
NativeBase - 11982 ⭐
React Native UI Kitten - 3822 ⭐
React Native Paper - 3522 ⭐
React Native Elements - 16075 ⭐
React native antd mobile - 1060 ⭐
React Spring
react-native.Animated
react-native.LayoutAnimation
const AnimatedView = animated(View)
React Navigation
React Native Navigation
Starý dobrý console.log do expo dev tools
Redux dev tools - remote
Reactotron - console, redux, saga, network
Remote Chrome debug