Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jimbrig/nativeapp
React Native App for Learning Purposes
https://github.com/jimbrig/nativeapp
react-native
Last synced: about 1 month ago
JSON representation
React Native App for Learning Purposes
- Host: GitHub
- URL: https://github.com/jimbrig/nativeapp
- Owner: jimbrig
- Archived: true
- Created: 2021-01-29T20:11:15.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-06-15T19:13:15.000Z (over 3 years ago)
- Last Synced: 2024-07-29T16:40:57.899Z (about 2 months ago)
- Topics: react-native
- Language: JavaScript
- Homepage:
- Size: 875 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- jimsghstars - jimbrig/nativeapp - React Native App for Learning Purposes (JavaScript)
README
# nativeapp
>React Native App for Learning Purposes
# React Native
## Reference Docs
- [Awesome React Native](https://www.awesome-react-native.com/)
- [React documentation — DevDocs](https://devdocs.io/react/)
- [ReactNative documentation — DevDocs](https://devdocs.io/react_native/)
- [Introduction to Expo - Expo Documentation](https://docs.expo.io/)
- [create-react-native-app/README.md](https://github.com/expo/create-react-native-app/blob/master/README.md)
- [Getting Started with Redux | egghead.io](https://egghead.io/courses/getting-started-with-redux)
- [Redux](https://redux.js.org/)
- [Who's using React Native? · React Native](https://reactnative.dev/showcase)
- [ReactNativeNews/React-Native-Apps](https://github.com/ReactNativeNews/React-Native-Apps)
- [fbsamples/f8app](https://github.com/fbsamples/f8app)
- [makeitopen.com · Building the F8 App](https://makeitopen.com/)
***
- VS Code Extensions:
- [React Native Tools](https://marketplace.visualstudio.com/items?itemName=msjsdiag.vscode-react-native)
- [React-Native/React/Redux snippets for es6/es7](https://marketplace.visualstudio.com/items?itemName=EQuimper.react-native-react-redux)
- [Prettier - Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode)
- [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme)
## Development Tools
[Nuclide](https://nuclide.io/) 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](https://code.visualstudio.com/) is another IDE that is popular with JavaScript developers.
[Ignite](https://github.com/infinitered/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](https://microsoft.github.io/code-push/) 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](https://docs.expo.io/) 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](https://devdocs.io/react_native/debugging#react-developer-tools) are great for debugging React and React Native apps.
## Youtube Videos
-
-
## 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](https://github.com/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
```