Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/moviendome/expo-boilerplate
Boilerplate to build Cross-Platform Apps with Expo and React Native
https://github.com/moviendome/expo-boilerplate
easy-peasy electron expo react-native react-native-paper react-navigation
Last synced: 3 months ago
JSON representation
Boilerplate to build Cross-Platform Apps with Expo and React Native
- Host: GitHub
- URL: https://github.com/moviendome/expo-boilerplate
- Owner: moviendome
- Created: 2021-05-20T03:24:03.000Z (over 3 years ago)
- Default Branch: main
- Last Pushed: 2021-05-20T09:48:26.000Z (over 3 years ago)
- Last Synced: 2024-10-12T01:30:59.361Z (4 months ago)
- Topics: easy-peasy, electron, expo, react-native, react-native-paper, react-navigation
- Language: JavaScript
- Homepage: https://moviendo.me/boilerplate-to-start-building-cross-platform-apps-with-expo-and-react-native.html
- Size: 273 KB
- Stars: 29
- Watchers: 1
- Forks: 6
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Expo and React Native Boilerplate
Boilerplate to build Cross-Platform Apps with Expo and React Native## What are you going to find in this boilerplate
### Expo
[Expo](https://expo.io/) is an open-source platform for making universal native apps for Androi d, iOS, and the web with JavaScript and React.
### React Native for Web
[React Native for Web](https://github.com/necolas/react-native-web) makes it possible to run Re act Native components and APIs on the web using React DOM.
It was included in [Expo SDK 33](https://blog.expo.io/expo-sdk-v33-0-0-is-now-available-52d1c99dfe4c), so one less thing to worry about.
### React Navigation
[React Navigation](https://reactnavigation.org/) adss routing and navigation to your React Nati ve apps.
### Electron
[Electron](https://www.electronjs.org/) let you build cross platform desktop apps with JavaScri pt, HTML, and CSS.
### Easy Peasy
[Easy Peasy](https://easy-peasy.vercel.app/) is an abstraction of Redux, providing a reimagined API that focuses on developer experience.
### React Native Async Storage
[React Native Async Storage](https://github.com/react-native-async-storage/async-storage) is an asynchronous, persistent, key-value storage system for React Native.
### React Native Paper
Although, I use it in most of my Apps, sometimes I prefer to use my own components. Anyway, if you prefer to start with a collection of customizable and production-ready Cross-Platform compo nents for React Native, I highly recommend to you add to your project with:
~~~bash
$ expo install react-native-paper
~~~
## How to try this boilerplate
You can download and run the repository from my Github account: [jferrer/expo-boilerplate](https://github.com/jferrer/expo-boilerplate)
### Clone the repo and install dependencies:
~~~bash
$ git clone https://github.com/jferrer/expo-boilerplate.git
$ cd expo-boilerplate
$ yarn install
~~~
### Run for Web & Native:
~~~bash
$ expo start
~~~
### Run for Desktop:
~~~bash
$ yarn expo-electron start
~~~
Inside, you'll see the basic configuration and screens to start an App:
- Typical Tab Bar navigation like Facebook or Instagram
- Action & Form Screen to add elements to the Store
- List Screen