React Native & Expo Router Course - Build a Meditation App

Поделиться
HTML-код
  • Опубликовано: 23 ноя 2024

Комментарии • 88

  • @StevenCodeCraft
    @StevenCodeCraft 4 месяца назад +56

    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.

  • @tigana
    @tigana 4 месяца назад +10

    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.

  • @srsh12345
    @srsh12345 4 месяца назад +3

    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.

  • @GreenSnowleaf
    @GreenSnowleaf 13 дней назад +2

    If you're getting ".plugins is not a valid plugin property" try running installing nativewind@2.0.11

  • @dawidziomalify
    @dawidziomalify Месяц назад

    Great guide! My first dive into the world of React Native (as a React dev) and I find it very useful.

  • @saadaftab7489
    @saadaftab7489 3 месяца назад +1

    Amazing next level tutorial. No beating around the bush... On point (y) Thanks

  • @NugrohoBudianggoro
    @NugrohoBudianggoro 12 дней назад

    thank you for this very useful video 🙏🙏🙏
    bookmarking 33:56

  • @shwethasai9663
    @shwethasai9663 2 дня назад

    Lot of changed latest expo version. Please make long video on latest version of expo. Thank you

  • @praneethvi
    @praneethvi 29 дней назад +3

    Anybody having problem with nativewind looks like it's migrated to V4 and this application uses V2

    • @CarlosAlvarez-x7y
      @CarlosAlvarez-x7y 28 дней назад

      Hi,i have the same problem. do you fixed?

    • @sammyxf6992
      @sammyxf6992 11 дней назад

      @@CarlosAlvarez-x7y am trying to get this native wind working ? Anyone

  • @CarlosAlvarez-x7y
    @CarlosAlvarez-x7y 27 дней назад

    Amazing tutorial.Thank you so much!

  • @UnconventionalPotato
    @UnconventionalPotato 2 месяца назад

    The fitfuelplanner idea is what I was learning native react to make lmao gonna try it out for sure

  • @BizimKafa
    @BizimKafa 4 месяца назад +1

    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.

  • @2ru2pacFan
    @2ru2pacFan 4 месяца назад +2

    Finally! Thank you so much!

  • @tomarozziluan
    @tomarozziluan 4 месяца назад +2

    Thank you so much for sharing your knowledge!

  • @Lucas-b7i
    @Lucas-b7i 4 месяца назад +1

    BEST VIDEO EVER I ATE THIS UP

  • @codestudio497
    @codestudio497 Месяц назад

    thank you so much can you please show us how we can convert it into apk , because i use expo but when i convert my app i got hello world with 175 Mb

  • @MuhammadUr-Rehman
    @MuhammadUr-Rehman 28 дней назад

    When i do npx expo app @latest, i get this: zsh: command not found: npx, what to do?

  • @hmlsnt5134
    @hmlsnt5134 4 месяца назад

    Thanks for making this video.

  • @Shalom_Phiri
    @Shalom_Phiri 3 месяца назад +1

    The slot component in the layout doesn't cover the bottom of my android screen unfortunately, how do I fix that?

    • @jkcabs4569
      @jkcabs4569 3 месяца назад

      same to my android emulator. Have you found a solution to this?

    • @amankaushal5618
      @amankaushal5618 Месяц назад

      @@jkcabs4569 i did ../nature-meditate and it worked

  • @soumya_dey_
    @soumya_dey_ 4 месяца назад +1

    Need more contents on react native

  • @yongshen8
    @yongshen8 18 дней назад

    I have some questions, are you using Typescript or JavaScript?

    • @ZipZips
      @ZipZips 17 дней назад

      Bro…..

    • @merkuluf
      @merkuluf 13 дней назад

      it is typescript because he uses .tsx files.

  • @halfish757
    @halfish757 4 месяца назад

    very helpful, thank you!

  • @kullanckullanc6077
    @kullanckullanc6077 4 месяца назад +20

    ven 25-year-olds can't find jobs these days. Despite knowing multiple programming languages and practicing for interview questions, people still can't get hired; they are being rejected outright. I know people who have been applying for jobs for a year, even a year and a half. People are even being laid off. Understand this, finding a job has become very difficult, extremely difficult. For those over forty, it's even harder. The job market has changed a lot, friends. Really, unless you have connections, getting a job is incredibly, incredibly difficult.

    • @luciusrex
      @luciusrex Месяц назад +1

      Huh? I'm not trying to find a job though, I'm in healthcare and very happy with what I earn this is just a hobby! Making apps!

  • @NirBenita
    @NirBenita 2 месяца назад +1

    @stevenCodeCraft I'm at 25:44, and I'm getting an error
    Invariant Violation: requireNativeComponent: "ViewManagerAdapter_ExpoLinearGradient" was not found in the UIManager.
    I tried everything google and Claude had to offer, but still it doesn't work...

    • @bhargav9302
      @bhargav9302 Месяц назад

      Hey, I'm stuck on this issue. Have you found a solution for it?

  • @parthapratimsharma5040
    @parthapratimsharma5040 3 месяца назад +1

    After all file delete then save index.jsx in app folder . And run or reload text not show

    • @bern9642
      @bern9642 3 месяца назад

      same here. solution for me, you need to close expo in terminal (ctrl+c) and then restart it. npx start expo --clear, then it worked

    • @AverageMrFox
      @AverageMrFox 3 месяца назад

      You can also create a blank project and skip this step using "--template blank" when creating the project

    • @Handigeni
      @Handigeni 2 месяца назад

      npx start expo --clear then when it restarts, pick "r" for "reload app"

  • @SaileelaMekala-fp4qv
    @SaileelaMekala-fp4qv 4 месяца назад +1

    Can anyone suggest best channel for SAP ABAP

  • @dawazangpo4354
    @dawazangpo4354 4 месяца назад

    Thank you so much 🔥

  • @olemartinsnoen9633
    @olemartinsnoen9633 2 месяца назад

    Good tutorial!

  • @vss318
    @vss318 4 месяца назад +4

    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?

    • @adityaanuragi6916
      @adityaanuragi6916 4 месяца назад +4

      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

    • @itzdonamicable3735
      @itzdonamicable3735 4 месяца назад +2

      You really need the basics Idea on html,CSS and JavaScript before using frame work like react and other languages

    • @aammssaamm
      @aammssaamm 4 месяца назад +1

      Go to school.

  • @hl6903
    @hl6903 4 месяца назад

    waiting for more react native + firebase videos fullstacks

  • @jeffrick9467
    @jeffrick9467 2 месяца назад

    At 1:08:38 when I try to implement {affirmation?.image}, I don't get the background image to render on the screen? it says "const affirmation: GalleryPreviewData | undefined".

    • @jeffrick9467
      @jeffrick9467 2 месяца назад +1

      FIXED: I was using '/affirmations/${item.id}' in GuidedAffirmationsGallery.tsx when you should use `/affirmations/${item.id}`

    • @ZackarioKrystoff
      @ZackarioKrystoff 2 месяца назад

      same, hope someone asnwer this

    • @belsocial
      @belsocial 2 месяца назад +1

      Copy the file content and the error and place in chatgpt or any LLM of your choice. You'll get a suggested solution. Works always for me

  • @942hishan
    @942hishan 4 месяца назад +2

    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

    • @alias-wh1et
      @alias-wh1et 4 месяца назад +1

      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.

    • @nikolaimakarov3034
      @nikolaimakarov3034 2 месяца назад +1

      @@alias-wh1etworked, thanks

  • @angerbadge773
    @angerbadge773 4 месяца назад

    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 )

    • @okkashaally2115
      @okkashaally2115 2 месяца назад

      This guy's routing is confusing, better look the docs or any expo router tutorial

  • @buraxta_
    @buraxta_ 28 дней назад

    ❤❤❤

  • @ZoroBoiInd_laman
    @ZoroBoiInd_laman 4 месяца назад

    Hi bro pls sharing toturial Ruby and Rust dev bro very pls and course for fullstack developer

  • @yonathegod
    @yonathegod 2 месяца назад

    I am trying to use CustomButtonComponent at 31:30 but I keep getting RenderError. Any reason why?

    • @8BitGamerYT1
      @8BitGamerYT1 Месяц назад

      people can help if you would specify the error tho

    • @medoma_eg
      @medoma_eg 9 дней назад

      just don't use {} in the import

  • @ilianekrasov4807
    @ilianekrasov4807 2 месяца назад

    Dude, if you're making courses, try to reach the identity of your github project and the code you're writing in the video. I understand that it's a free course, but the difference shouldn't be so big.

  • @okkashaally2115
    @okkashaally2115 2 месяца назад

    Your route and filename is confusing, you better use the folder/index on all routes than mixing the two

  • @lq-cuthao2359
    @lq-cuthao2359 2 месяца назад

    please for window

  • @soumya_dey_
    @soumya_dey_ 4 месяца назад

    Thanks a lot man😂❤

  • @aryabp
    @aryabp 4 месяца назад +2

    Rustaceans use Tauri 🦀

  • @mr.fabian8471
    @mr.fabian8471 4 месяца назад

    thanks

  • @jahnavireddy6358
    @jahnavireddy6358 2 месяца назад

    Is this app responsive?

  • @TheAdnanZaib
    @TheAdnanZaib 2 месяца назад +4

    He isn't explaining what each of the components he uses is for in react native. Not a beginner friendly course I would say.

  • @Btechdom
    @Btechdom 4 месяца назад +6

    Too bad Apple is still gating half of devs by not releasing xcode for Windows.

    • @markkujarvinen7387
      @markkujarvinen7387 4 месяца назад

      Yeah seems a little bottleneck to try to develop for iOS when you don't own any iOS device.

  • @matteobrunetti8196
    @matteobrunetti8196 3 месяца назад

    what is the best state ma nagement in react native ?

  • @geraldjunior4235
    @geraldjunior4235 4 месяца назад +1

  • @markkujarvinen7387
    @markkujarvinen7387 4 месяца назад +1

    Is there any options to develop on a Windows machine when you don't have any iOS device?

    • @bramily1278
      @bramily1278 3 месяца назад

      There is an iOS device emulator built-in to VSCode. I have the opposite situation and just use the Android simulator.

  • @rishiraj2548
    @rishiraj2548 4 месяца назад

    💯🙏🏻😌

  • @kymrhys
    @kymrhys 4 месяца назад

    Nice

  • @oyeyemiibitomisi5023
    @oyeyemiibitomisi5023 4 месяца назад

    Give me a sacla tutorial

  • @elvispalace
    @elvispalace 4 месяца назад

    so easy

  • @CodeWithBalaji
    @CodeWithBalaji 28 дней назад

    34:22

  • @johndoe9450
    @johndoe9450 14 дней назад

    You might consider speaking a little slower. Just a little. It's a course for people not familiar with the technology, not a race to get the words out of your mouth.

  • @xray788
    @xray788 3 месяца назад +1

    ugly app tbh

  • @KL4NNNN
    @KL4NNNN 2 месяца назад +2

    Horrible tutorial, didn't explain at all how the stack and stack.screen work and what they do and how to use them which is the most complicated topic in all RN, very useless tutorial