React Native & Expo Router Course - Build a Meditation App
Vložit
- čas přidán 11. 07. 2024
- Improve your React Native skills by building a meditation app using Expo. Learn to utilize TypeScript, React, NativeWind, React Native, and Expo to develop a simple mobile app.
💻 GitHub: github.com/stevenGarciaDev/si...
✏️ Course developed by @StevenCodeCraft
⭐️ Contents ⭐️
⌨️ (0:00:00) Simple Meditation App (Expo React Native)
⌨️ (0:01:41) GitHub Repository Info
⌨️ (0:02:42) Upcoming Courses
⌨️ (0:03:21) Social Media and FitFuelPlanner
⌨️ (0:03:45) Setup Local Development Environment
⌨️ (0:14:53) Add static assets and define constant files
⌨️ (0:18:38) Setup NativeWind
⌨️ (0:21:14) Implement Initial Screen
⌨️ (0:32:03) Splash Screen Image
⌨️ (0:32:49) The useRouterHook
⌨️ (0:34:22) Add AppGradient Component and Tabs directory
⌨️ (0:39:06) The Meditation Index Screen
⌨️ (0:47:47) Use FlatList on the Meditation Index Screen
⌨️ (0:54:16) The Affirmations Index Screen
⌨️ (1:02:38) The Affirmations Detail Screen
⌨️ (1:15:22) The Meditation Detail Screen
⌨️ (1:33:17) Meditation Audio/Song
⌨️ (1:40:27) React Context and Modal Screen
🎉 Thanks to our Champion and Sponsor supporters:
👾 davthecoder
👾 jedi-or-sith
👾 南宮千影
👾 Agustín Kussrow
👾 Nattira Maneerat
👾 Heather Wcislo
👾 Serhiy Kalinets
👾 Justin Hual
👾 Otis Morgan
👾 Oscar Rahnama
--
Learn to code for free and get a developer job: www.freecodecamp.org
Read hundreds of articles on programming: freecodecamp.org/news
Thank you Beau and FreeCodeCamp for sharing my second course. I'm working on creating more content on JavaScript and React Native which I'll be sharing with FreeCodeCamp and the tutorials will have more advanced features.
having a separate channel as well ?
Love the wellness theme. Please more tutorials in this niche!!! Can’t wait to try this tutorial. I’ve been wanting to play around with mobile dev for awhile now.
Finally! Thank you so much!
Thank you so much for sharing your knowledge!
Perfect Timing for me. I've been trying to teach myself React Native and struggling with some of the concepts. Thank you so so much for this video.
Thanks for making this video.
Thanks a lot man😂❤
thanks
Need more contents on react native
💯🙏🏻😌
Nice
✅
Whoa I needed exactly this, what convent timing! I just don’t really know how to code yet…
Do you think you can make a beginner friendly course on making a meditation app soon?
You need to learn how to code first before using any library
And most likely this is beginner friendly, if you find it overwhelmingly difficult then you need spend more time programming
You really need the basics Idea on html,CSS and JavaScript before using frame work like react and other languages
Go to school.
Rustaceans use Tauri 🦀
Hello friends. If we had to choose a field at university, should we choose artificial intelligence or software engineering? To be honest, I haven't chosen what I will be yet, I am also interested in cyber security.
How do I get rid of the default "index" initial route in my expo react native app also when i try to use _layout.tsx it alphabetically loads the route (ex: if the first stack screen is (tabs) and the second one is (auth) and the final one is default index it loads the (auth) route )
Can anyone suggest best channel for SAP ABAP
Hi bro pls sharing toturial Ruby and Rust dev bro very pls and course for fullstack developer
I have a notion that in ten or so years, the tech of today will appear and feel like looking back at retro systems requiring punch cards to operate on low speed byte sized Ram and ROM. Been watching some videos today on what they are working on...
Still stuck on, "Hello World" and have not got any further..lack of gear and funds..
so easy
Give me a sacla tutorial
Too bad Apple is still gating half of devs by not releasing xcode for Windows.
i tried to clone your app and setup on my local machine it shows blank screen on the emulator and index.tsx on line fourteen i get a error calling import beachImage from "@/assets/meditation-images/beach.webp"; Cannot find module '@/assets/meditation-images/beach.webp' or its corresponding type declarations
I also got the same error message regarding the import statement, but it seems to be ignorable.
As for seeing a blank screen instead of the background image, I found adding "w-full" to ImageBackground's classes to fix that the issue.