A starter template for ReactNative with Expo & Tailwind in TypeScript with an opinionated modular project structure
- Expo v46
- ReactNative v0.69
- Tailwind-rn v4
- TypeScript v4
Use degit to download the repository locally.
degitdownloads a copy of git repository with its entire git history.
Install degit globally.
npm install -g degitDownload the latest version
degit utsavdotpro/starter-rn-expo-tailwind-tsInstall dependencies
yarn installStart expo server
yarn startLaunch the development apps
# start android app
yarn android
# start ios app
yarn ios
# start web app
yarn webUse Tailwind-rn
# start Tailwind class generator (in watch mode)
yarn dev:tailwind
# build Tailwind classes
yarn build:tailwindproject
|-- public ℹ️ keep your static resource files
|-- src
| |-- common
| | |-- components
| | | |-- elements ℹ️ keep your state-less components
| | | | ℹ️ keep your state-full components
| | |-- hoc
| | |-- hooks
| | |-- layouts
| | |-- types
| |-- modules
| |-- screens
| |-- services
| |-- styles
| |-- utils
| | |-- constants ℹ️ keep your constants
| | | ℹ️ keep your util functions