React Native Expo examples

Learn React Native (Expo CLI) by easy-to-difficult examples.

For more advance examples, see React Native TypeScript examples

Run project in development

• Setting up the development environment: https://reactnative.dev/docs/environment-setup.

• Install dependencies: yarn install (or npm install).

• Run on Android: yarn android (or npm run android).

• Run on iOS: yarn ios (or npm run ios).

• Run on both Android & iOS: yarn mobile (or npm run mobile).

Preview

Using Expo Client App (Expo Go) and scan this QR code:

1. Hello World

Learn how to use: StyleSheet, Text, View, SafeAreaView

2. Login Screen

Learn how to use: StatusBar, Expo Icons, Image, TextInput, TouchableOpacity

3. The Light

Learn how to use: Transform, Platform, Dimension, Switch, TouchableHighlight, React Hook useState

4. Register Form

Learn how to use: KeyboardAwareScrollView, Formik, Yup, Alert, Separate Style, Separate Components

5. Instagram Feed

Learn how to use: ScrollView, FlatList

6. Rock Paper Scissors

Learn how to use: Animations, React Hook useRef

7. Scan QR Code

Learn how to use: React Native Animatable, Expo Barcode Scanner

8. Stop Watch

Learn how to use: Timer, React Memo, useCallback

9. BMI Calculator

Learn how to use: Slider, Modal

10. Music Player

Learn how to use: Expo AV, React Native Modal, React Hook useEffect,

11. Worldwide News

Learn how to use: Connect JSON API, ActivityIndicator, Linking, Lodash

12. Pokedex

Learn how to use: React Native Elements, React Navigation, React Native Progress, React Hook useEffect with Cleanup

Last but not least: If you have time, let's try my React Native Game on Goole Play Store: Master Mind X