Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/saddamarbaa/favorite-places-app-reactnative-typescript

==> Building Favorite Places App: Discover, capture, and organize your favorite spots. Powered by React Native, TypeScript, Expo, and React Navigation, with an easy and enjoyable user experience.
https://github.com/saddamarbaa/favorite-places-app-reactnative-typescript

expo google-maps native-devices-features react-native reactjs reactnavigation typescript

Last synced: 16 days ago
JSON representation

==> Building Favorite Places App: Discover, capture, and organize your favorite spots. Powered by React Native, TypeScript, Expo, and React Navigation, with an easy and enjoyable user experience.

Awesome Lists containing this project

README

        

# TypeScript Example



Supports Expo iOS

Supports Expo Android

Supports Expo Web

```sh
npx create-react-native-app -t with-typescript
```

TypeScript is a superset of JavaScript which gives you static types and powerful tooling in Visual Studio Code including autocompletion and useful inline warnings for type errors.

## 🚀 How to use

#### Creating a new project

- Install the CLI: `npm i -g expo-cli`
- Create a project: `npx create-react-native-app -t with-typescript`
- `cd` into the project

### Adding TypeScript to existing projects

- Create a blank TypeScript config: `touch tsconfig.json`
- Run `yarn start` or `npm run start` to automatically configure TypeScript
- Rename files to TypeScript, `.tsx` for React components and `.ts` for plain typescript files

> 💡 You can disable the TypeScript setup in Expo CLI with the environment variable `EXPO_NO_TYPESCRIPT_SETUP=1 expo start`

## 📝 Notes

- [Expo TypeScript guide](https://docs.expo.dev/versions/latest/guides/typescript/)