Skip to content

Instantly share code, notes, and snippets.

@aiherrera

aiherrera/react-expo.md

Created April 16, 2023 17:36
Show Gist options
  • Save aiherrera/276a24dca92e6bf3bc7763e1a943f355 to your computer and use it in GitHub Desktop.
Save aiherrera/276a24dca92e6bf3bc7763e1a943f355 to your computer and use it in GitHub Desktop.
Download ZIP
React Native Expo opinionated configuration
Raw
react-expo.md

Personal project steps for setting React Native Expo environment

  1. For installing from a template: npx create-expo-app --template

Note: At the time of this gist you can select from:

  • Blank - a minimal app as clean as an empty canvas
  • Blank (TypeScript) - blank app with TypeScript enabled
  • Navigation (TypeScript) - several example screens and tabs using react-navigation and TypeScript
  • Blank (Bare) - blank app with the native code exposed (expo prebuild)
  1. Personally I liked this two UI libraries:

  • React Native Paper

    Installation:

    • npm i react-native-paper react-native-safe-area-context react-native-vector-icons

  • RNUI

    Installation:

    • Run npm install react-native-ui-lib
    • Install mandatory peer dependencies, npm i react-native-reanimated react-native-gesture-handler
    • Install ios pods, cd ios && pod install
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment