Build Food Recipe App in React Native Reanimated | React Native Projects | Beginner | Tutorial

Thank you for great job to help we beginners.

I am using react native cli. In this tailwind is not supporting can you help me with this.

SUPERB VIDEOS!! In would be perfect if you includes how to setup all of things from beginning like installing the Expo or tailwiind css

is there an option to to stop user to go back to welcome screen ?

What android simulator did you use sir?

amazing design man

Thank you for this insightful build series!
I'm eagerly looking forward to the upcoming videos. Could you share the expected schedule for releasing them?
really appreciate the concise format – it's perfect for fitting some learning into a busy day without being overwhelming.

Keep up the fantastic work, and happy coding! 👍

one of the best video learned a lot.

Can you please make google aith in the next app ❤❤

bro maraa error arahaa ha "Error catching image:Error:database or ....."so sir kindly help me to solve the error

Thank you, this is so helpful. Instant subscribe!

Hi, I've been following your work and technically you're very good. but I would like to know how to rotate the cell phone screen next to vs code.......I don't know if you understood me

Noman you are doing an amazing job! Keep it up!

I LOVE YOU!!! THANKS FOR THE TUTORIAL ❤

f

**For MasonryList not loading**
What worked for me was adding a setTimeout method for 500-750 milliseconds. This loads <MasonryList /> after the page loads:
const [showMasonryList, setShowMasonryList] = useState(false)
useEffect(() => {
const timer = setTimeout(() => {
setShowMasonryList(true)
}, 750)
return () => {
clearTimeout(timer)
}
}, [])
return (
<View className="mx-4 space-y-3">
<Text
style={{ fontSize: hp(3) }}
className="font-semibold text-neutral-600"
>
Recipes
</Text>
<View>
{showMasonryList && (
<MasonryList

"My app is encountering a 'database or disk is full (code 13 SQLITE_FULL[13])' error when using Expo on my Android phone. Could you please provide guidance on how to resolve this issue?"

Hi guys, has anyone been able to launch this app with Expo web? I'm having issues with the styles; it works fine on ios. Thanks!

Awesome channel, thank you very much for share!

On the details screen when I scroll to the top the application closes

Exactly what I needed to take react native seriously again.

damn this is amazing!!!!

Everything is really good. but I want to tell only one suggestion; please start from beginning. Please do everything on video. It will help us to know how to use commands to install dependencies. We want to know how you set your project up from beginning to end.

Can you give us list of plugins you are using on your IDE?

Will that be responsive while running on Android phone?

className not working no effect

Thanks for the tut Nomi, but I've been getting this error (error: node_modules/expo/AppEntry.js: [BABEL] /Users/[my username]/tailwindcss/node_modules/expo/AppEntry.js: .plugins is not a valid Plugin property). Is it something you can help me with? I went back to your video explaining the installation, plus hours of research on the web, you know, reinstalling the project, deleting node_modules, changing versions, etc... Any help is very appreciated!

You could have used flatlist instead of mapping catagories.

Really cool! Is this also possible with Expo Router in combination with Reanimated?

The expo app closes sometimes when I navigate back from the recipe details screen. What could be causing this?

Tailwind work on App. Js but not work on homescreen and welcomescreen plz help me sir g

P r o m o S M 👊

Got this error during project creation. I am using Ubuntu. Tried all solutions available on internet. Even reinstalled my OS 3 times.

✔ Downloading template
⠋ Copying template/home/shiva/.npm/_npx/64e95eb2d999e37b/node_modules/graceful-fs/polyfills.js:265
if (!chownErOk(er)) throw er
^
Error: ENOENT: no such file or directory, chmod '/home/shiva/Projects/my-app/android/gradle/wrapper/gradle-wrapper.properties'
at Object.chmodSync (node:fs:1991:3)
at Object.chmodSync (/home/shiva/.npm/_npx/64e95eb2d999e37b/node_modules/graceful-fs/polyfills.js:263:21)
at ReadStream.<anonymous> (/home/shiva/.npm/_npx/64e95eb2d999e37b/node_modules/@react-native-community/cli/build/tools/copyFiles.js:83:19)
at ReadStream.emit (node:events:517:28)
at emitCloseNT (node:internal/streams/destroy:132:10)
at process.processTicksAndRejections (node:internal/process/task_queues:81:21) {
errno: -2,
syscall: 'chmod',
code: 'ENOENT',
path: '/home/shiva/Projects/my-app/android/gradle/wrapper/gradle-wrapper.properties'
}

amazing nomi , as always !!

Great project. I would suggest you to use expo-sqlite instead of async storage to cache images or you could use expo-image which automatically caches the images. The problem with async storage is that it limits to only some amount of storage and I was getting, Error caching image: [Error: database or disk is full (code 13 SQLITE_FULL)] with async storage. Overall the animations and UI is awesome. Keep it up.

Thanks so much. I'm so excited with your video.

ERROR Error caching image: [Error: database or disk is full (code 13 SQLITE_FULL)] facing this error while caching images

Hey Nomi, i also tend to get this error "Error caching image: [Error: database or disk is full (code 13 SQLITE_FULL)]" when loading it in Android, do you know any fix for it, using Expo? Because of this the recipe screen causes error while loading (in android)

Hey Nomi, its a great tutorial, i just have one question, I am not able to wrap my head around why did you use setMeals([]) in the handleChangeCategory, coz theoritically it seems to be resetting the meals that we set up in the getRecipe, but in practical it does nothing and even removing setMeals([]) doesn't do much
Thanx again

This is something I want to learn next. Thank God I found your channel, this seems cool 😎

Bro which mac are u using

I just want to say keep doing what you are doing man. These UI tutorials are so good and I've already learnt so much from doing them. I'm not sure what you can do to get your videos more popular since React Native is more of a niche topic among devs and it's certainly not geared towards beginners, but you're really helping people out with these up-to-date and well-guided tutorials. Thanks.

Hi Noni,

When I add ring1padding and ring2padding into the style it gives me the error:
"Reading from _value directly is only possible on the UI runtime"

Not sure how to go around this

Great Image Caching method🔥💯

Great video 🎉

nice work！have learned a lot form your video please keep update man

As a React native lover, thank u so much, plz make more videos of react native

awesome video thankyou for this