https://github.com/thiendangit/react-native-typescript-graphql-boilerplate

React Native TypeScript Apollo Graphql Boilerplate
https://github.com/thiendangit/react-native-typescript-graphql-boilerplate

apollo-graphql-client boilerplate graphql-client react-native template typescript

Last synced: 12 days ago
JSON representation

React Native TypeScript Apollo Graphql Boilerplate

• Host: GitHub
• URL: https://github.com/thiendangit/react-native-typescript-graphql-boilerplate
• Owner: thiendangit
• License: mit
• Created: 2021-05-26T09:56:27.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2021-09-04T18:27:31.000Z (about 3 years ago)
• Last Synced: 2024-10-13T14:32:07.957Z (26 days ago)
• Topics: apollo-graphql-client, boilerplate, graphql-client, react-native, template, typescript
• Language: TypeScript
• Homepage: https://www.npmjs.com/package/@thiendangit1102/rn-typescript-graphql
• Size: 3.63 MB
• Stars: 27
• Watchers: 1
• Forks: 9
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# React Native TypeScript Apollo Graphql Boilerplate



  



> ### 📘 Some libraries use in this boilerplate



  

  

  

  

  

  

  



## 👷‍♂️ Structure











## 🚀 Getting Started

### 🆒 Usage React-Native 0.65.1 & React-Navigation 6

- Create a new project using the template.

```bash

  npx react-native init MyApp --template @thiendangit1102/rn-typescript-graphql

```

- Cd into directory

```

  cd MyApp/

```

- Create .env

```

  cp .env.example .env

```

- Add to .env

```

  API_URL=

  DEV_SERVER_IP=

```

- Install dependencies using npm

```

  npm i or yarn install

```

- Pod install

```

  npm run pod

```

- run device

```

  npm run ios or yarn ios

  OR

  npm run android or yarn android

```

## ⚠️ React Native CLI

This template only works with the new CLI. Make sure you have uninstalled the legacy `react-native-cli` first (`npm uninstall -g react-native-cli`) for the below command to work. If you wish to not use `npx`, you can also install the new CLI globally (`npm i -g @react-native-community/cli` or `yarn global add @react-native-community/cli`).

If you tried the above and still get the react-native-template-react- native-template-typescript: Not found error, please try adding the `--ignore-existing` flag to [force npx to ignore](https://github.com/npm/npx#description) any locally installed versions of the CLI and use the latest.

Further information can be found here: https://github.com/react-native-community/cli#about