vladimir-vovk / expo-ts

React Native project template with Expo, TypeScript, ESLint, and Prettier 🏁

An opinionated template that will allow you to start a new React Native project quickly with Expo, TypeScript, Prettier, ESLint, and some custom configurations that will make development process better. 💖

Expo TypeScript

Using Expo 50.

Please read Starting React Native Project in 2024 article for details.

Quick start

1. Run npx create-expo-app -t expo-ts command.
2. Type your project name.
3. Change directory to your project with cd <your-project-name> command.
4. Run yarn start to start the Metro Bundler.
5. Press i to start the iOS simulator or a to run the Android emulator.📱

Please use the npx expo eject command to switch to the "bare" react-native app. See the docs to learn about the difference between managed and bare workflows.

Happy hacking! 🤓

Features

• TypeScript.
• Absolute path imports (e.g. import { ComponentA } from 'src/components/A').
• Prettier.
• Automaticaly sort imports on save.
• Check code for errors with TypeScript compiler and ESLint.
• Generate changelog with standard-version.
• Lint commits with Husky.
• react-native-safe-area-context.
• Write tests with Jest and React Native Testing Library.

Available commands

• yarn start - start Metro Bundler.
• yarn ios - run on iOS.
• yarn android - run on Android.
• yarn web - run on web.
• yarn lint - check code for errors.
• yarn release - generate a changelog, bump the version of app and create a new tag.
• yarn test - run tests.