Learn React Native (Expo SDK 51) by easy-to-difficult examples.
For more advance examples, see React Native TypeScript examples
-
Setting up the development environment: https://reactnative.dev/docs/environment-setup.
-
Install dependencies:
yarn
(ornpm install
). -
To start the development server, run the following command:
yarn start
(ornpm start
).After running the command above, you will see a QR code in your terminal. Scan this QR code to open the app on your device.
If you're using an Android Emulator or iOS Simulator, you can press
a
ori
respectively to open the app.
Scan the following QR code with an Android device to open it in Expo Go or a development build.
Scan the following QR code with an iOS device to open it in Expo Go or a development build.
Learn how to use: StyleSheet, Text, View, SafeAreaView.
Learn how to use: StatusBar, Expo Icons, Images, TextInput, TouchableOpacity.
Learn how to use: Transform, Platform, Dimensions, Switch, TouchableHighlight, React Hook useState.
Learn how to use: React Native Keyboard Aware Scroll View, Formik, Yup, Alert, Separate Style, Separate Components.
Learn how to use: ScrollView, FlatList.
Learn how to use: Animations, React Hook useRef.
Learn how to use: React Native Animatable, Expo Barcode Scanner.
Learn how to use: Timer, React Memo, React Hook useCallback.
Learn how to use: React Native Slider, Modal.
Learn how to use: Expo AV, React Native Modal, React Hook useEffect.
Learn how to use: Connect JSON API, ActivityIndicator, Linking, Lodash.
Learn how to use: React Native Elements, React Navigation, React Native Progress, React Hook useEffect with Cleanup.
This project is licensed under the Apache License 2.0. See the LICENSE file for details.