Get started with a helpful template
Set up a starter repo with expo, webpack, and Tamagui configured and ready to go:
Check out the source of the starter app template .
You can fork and deploy it instantly with Vercel and Github:
To run the app:
cd my-appyarnyarn dev
tamaguifor cross-platform views, themes and animations
solitofor cross-platform navigation
apps entry points for each app
packages shared packages across apps
appyou'll be importing most files from
features(don't use a
screensfolder. organize by feature.)
provider(all the providers that wrap the app, and some no-ops for Web.)
navigationNext.js has a
pages/folder. React Native doesn't. This folder contains navigation-related code for RN. You may use it for any navigation code, such as custom links.
You can add other folders inside of
packages/ if you know what you're doing and have a good reason to.
Next.js local dev:
Expo local dev:
cd packages/appyarn add date-fnscd ../..yarn
If you're installing a library with any native code, you must install it in
cd apps/expoyarn add react-native-reanimatedcd ../..yarn
You can also install the native library inside of
packages/app if you want to get autoimport for that package inside of the
app folder. However, you need to be careful and install the exact same version in both packages. If the versions mismatch at all, you'll potentially get terrible bugs. This is a classic monorepo issue. I use
lerna-update-wizard to help with this (you don't need to use Lerna to use that lib).