First app, the Deliveroo clone
of React Native crash course from the amazing Sonny

Preview of this repo: deliveroo-clone.webm

Important considerations

• If you don't see the web available in your terminal is because is not installed by default now with Expo, you will need to install another packages:

npx expo install react-native-web@~0.18.10 react-dom@18.2.0

or whatever seems to date at your time reading this xD.

• At 1:26 Sonny recommends to install sanity cli, that's not needed now in v3
• I'm not using Hero icons, instead I'm using Lucide Icons
• I'm using TypeScript instead too, to generate types I'm using the sanity-codegen package, everything is typed.
• I'm using react-native-format-currency, is a stable, lightweight and not dead package as a replacement for react-currency-formatter
• No Redux, is using Zustand instead.
• Using prettier with prettier plugin to sort classes based on Tailwind recommended class order.
• Is using also a prettier import sorter, I have an OCD with imports 😅.
• I'm using Reanimated 3 and not the oldie react-native-animatable

Troubleshooting

• If build is not working for you because of some libraries like animatable on iOS. Please use Xcode 14.0.1 or greater, clear your cache and try again.

• If you get an error at 1:38:10 trying to get the Sanity data, please

yarn add react-native-url-polyfill

Then in your root app.js/ts add this import:

import 'react-native-url-polyfill/auto'

That's it, fixed.

Steps to reproduce

git clone https://github.com/hipdev/delivery-rn-example-app.git your-app-name
yarn install
yarn start

Create an account in Sanity and add the projectId and the dataset inside the sanity.ts client file.
Add some documents as explained by Sonny in the tutorial.