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. 💖
Using Expo 50.
Please read Starting React Native Project in 2024 article for details.
- Run
npx create-expo-app -t expo-ts
command. - Type your project name.
- Change directory to your project with
cd <your-project-name>
command. - Run
yarn start
to start the Metro Bundler. - Press
i
to start the iOS simulator ora
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! 🤓
- 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.
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.