• Intro to React Native, Expo and CRNA
• Intro to RN components & styling

• Create a simple React Native app using any two of the following three methods:
• Vanilla React Native (GET STARTED)
• CRNA (GET STARTED)
• Expo (GET STARTED)
• Create a ScrollView in your CRNA app with the following components:
• Image component - must use 3 different images in various sizes & position them using flexbox
• Button component - must be able to toggle the background color of the container view
• FlatList component - must use the provide mockData here to create a list of all Community Members
• TextInput components - must allow the user to type the secret phrase & show an Alert if it's valid or not.
• ⭐ Bonus: Use WebView component to open the community members Github profile
• ⭐ Bonus: Use Switch component
• ⭐ Bonus: Use the TouchableOpacity or the TouchableHighlight component in place of the Button component above
• ⭐ Bonus: Use Platform API to display different UI for iOS & Android

• Most control & customization for a RN app - let's you write native code for iOS (Swift) & Android (Java/Kotlin)
• Needs XCode & Android Studio to run the app on your computer on an iOS Simualor or Android Emulator
• Least beginner friendly but most powerful way to get started with RN (with respect to setup)

npm install -g react-native-cli

react-native init VanillaReactNative

cd VanillaReactNative

react-native run-ios
  or
react-native run-android

For more details or if you run into trouble, follow this guide.

• Most functional & flexible of all the options - gives you Expo tooling and also allows your to eject out of the Expo ecosystem and generates iOS & Android code for you
• Doesn't need XCode & Android Studio - can scan the QR code on your expo app and run your RN app
• Most flexible way to get started with RN

npm install -g create-react-native-app

create-react-native-app CRNA

cd CRNA

npm start

scan the QR code on the Expo mobile app
  or
npm run ios (needs Xcode)
  or
npm run android (needs Android Studio)

For more details or if you run into trouble, follow this guide.

• Most feature rich of all the options - gives you access to Expo tooling & SDK with some really useful feature that work with minimal config
• Doesn't need XCode & Android Studio - can scan the QR code on your expo app and run your RN app
• Easiest & most useful way to get started with RN

open up Expo XDE & open your project folder
  or
npm install -g exp
exp start

click share on XDE (top right) & scan QR code on your phone
  or
exp ios (needs Xcode)
  or
exp android (needs Android Studio)

For more details or if you run into trouble, follow this guide.