Skip to content

moviendome/expo-boilerplate

Repository files navigation

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 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 makes it possible to run Re act Native components and APIs on the web using React DOM.

It was included in Expo SDK 33, so one less thing to worry about.

React Navigation

React Navigation adss routing and navigation to your React Nati ve apps.

Electron

Electron let you build cross platform desktop apps with JavaScri pt, HTML, and CSS.

Easy Peasy

Easy Peasy is an abstraction of Redux, providing a reimagined API that focuses on developer experience.

React Native Async Storage

React Native 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:

$ expo install react-native-paper

How to try this boilerplate

You can download and run the repository from my Github account: jferrer/expo-boilerplate

Clone the repo and install dependencies:

$ git clone https://github.com/jferrer/expo-boilerplate.git
$ cd expo-boilerplate
$ yarn install

Run for Web & Native:

$ expo start

Run for Desktop:

$ 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