nativeapp

React Native App for Learning Purposes

React Native

Reference Docs

• Awesome React Native
• React documentation — DevDocs
• ReactNative documentation — DevDocs
• Introduction to Expo - Expo Documentation
• create-react-native-app/README.md
• Getting Started with Redux | egghead.io
• Redux
• Who's using React Native? · React Native
• ReactNativeNews/React-Native-Apps
• fbsamples/f8app
• makeitopen.com · Building the F8 App

---

• VS Code Extensions:
  • React Native Tools
  • React-Native/React/Redux snippets for es6/es7
  • Prettier - Code formatter
  • Material Icon Theme

Development Tools

Nuclide is the IDE that Facebook uses internally for JavaScript development. The killer feature of Nuclide is its debugging ability. It also has great inline Flow support. VS Code is another IDE that is popular with JavaScript developers.

Ignite is a starter kit that uses Redux and a few different common UI libraries. It has a CLI to generate apps, components, and containers. If you like all of the individual tech choices, Ignite could be perfect for you.

CodePush is a service from Microsoft that makes it easy to deploy live updates to your React Native app. If you don't like going through the app store process to deploy little tweaks, and you also don't like setting up your own backend, give CodePush a try.

Expo is a development environment plus application that focuses on letting you build React Native apps in the Expo development environment, without ever touching Xcode or Android Studio. If you wish React Native was even more JavaScripty and webby, check out Expo.

The React Developer Tools are great for debugging React and React Native apps.

Youtube Videos

• https://youtu.be/qSRrxpdMpVc
• https://youtu.be/0-S5a0eXPoc

Requirements:

• git
• Node.js LTS release or greater, plus npm
• VSCode
• Yarn
• exop-cli and the expo mobile app
• PowerShell, or Bash (via WSL)

---

Installations

• Install expo-cli:

npm install -g expo-cli

• Verify installation with expo whoami.

• Run expo register to create an account or expo login to login to existing account

• Install expo mobile app on iOS device:

Node create-react-native-app CLI:

• Github: expo/create-react-native-app

Install via:

npm install -g create-react-native-app

Then run the following commands to create a new React Native project called "AwesomeProject":

create-react-native-app AwesomeProject

cd AwesomeProject
npm start