Git Product home page Git Product logo

template-expo's Introduction

PROJECT_NAME

Get Started

  1. To create a project based on this template click on the Use this template button
  2. Find and Replace PROJECT_NAME placeholder with the real project name
  3. Delete libraries which do not satisfy project needs
  4. Delete this section from README
  5. To cover your tracks and incorporate the changes to the project's Initial commit, run these commands:
git commit -a --amend
git push -f origin master

Documentation

Project is based on Expo, a framework and a platform for universal React applications. Check out the documentation for more information.

Prerequisites

  • node
  • npm

Usage

Firstly, install all necessary dependencies:

npm install

To start a Metro Bundler:

npm start

Folder structure

template-expo/
├── .expo
├── expo-shared
├── assets (images etc.)
├── config (theme, constants etc.)
└── src
│   ├── components (inspired by atomic design principles)
│   │   ├── elements (small building blocks)
│   │   ├── layouts (wrappers for templates)
│   │   ├── modules (more building blocks together)
│   │   └── templates (screen specific content)
│   ├── graphql (each module and its queries and mutations)
│   ├── i18n (translations)
│   ├── screens
│   ├── services (graphql client and other services)
│   ├── stores (state management)
│   ├── types (more complex interfaces)
│   └── utils (tab navigator etc.)
└── web (simulate mobile in browser window)

Expo Go

If you want to preview your app directly in your mobile device, then install Expo Go app on App Store/Google Play and scan the QR code that is on http://localhost:19002/.

What's Inside

template-expo's People

Contributors

adamschinzel avatar sleaper avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.