πŸš€ A React Native + React (web) & Firebase (optional) boilerplate app to get you up and running very, very quickly πŸš€
Clone or download
Pull request Compare This branch is 50 commits behind mcnamee:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
docs
firebase
native-base-theme
src
webpack
.babelrc
.editorconfig
.eslintrc
.flowconfig
.gitignore
.watchmanconfig
App.js
App.test.js
ISSUE_TEMPLATE.md
LICENSE
README.md
app.json
gh-deploy.sh
gulpfile.js
package.json

README.md

React Native Starter Kit

GitHub tag GitHub contributors GitHub license GitHub issues GitHub closed issues GitHub pull requests

React (Web + Native) Starter Kit

For when you're looking to build 'the next big thing' for both web and native mobile.

Web Demo React Native Expo Demo


πŸ‘‹ Intro

This boilerplate launches with a React web app and React Native app sharing a single code base. It shares the 'business logic' (i.e. actions, containers, reducers) across the platforms, whilst allowing flexibility in View components to ensure your project looks and feels native in each platform.

The project is super helpful to kick-start your next project, as it provides a lot of the common tools you may reach for, all ready to go. Specifically:


πŸ“– Docs


πŸš€ Getting Started

1. Clone and Install

# Clone the repo
git clone https://github.com/mcnamee/react-native-starter-kit.git

# Install dependencies
npm i

2.1. Run the React Native App

# Start the React Native packager
npm start

Instructions are shown in the terminal. You can select to open it in:

  • An emulator (either iOS or Android)
  • Your mobile device with the Expo app. It will reload if you save edits to your files and you will see build errors and logs in the terminal.

2.2. Run the Web App

# Starts are local live-reload server at:
# http://localhost:3001
npm run web

Via webpack, starts a localhost server on port 3001 http://localhost:3001.

  • Save code and it auto refreshes
  • Install Redux DevTools into Chrome to see the state of Redux

πŸ‘Š Further Help?

This repo is a great place to start, but if you'd prefer to sit back and have your new project built for you, get in touch with me directly and I can organise a quote.


πŸ’‘ Inspiration

If there's any other ideas presented in this repo, that you think worth mentioning - feel free open a pull request :)