🔴 Onboarding UI with Lottie Animations | React Native Tutorial

Поділитися
Вставка
  • Опубліковано 16 вер 2024

КОМЕНТАРІ • 86

  • @Mossad84
    @Mossad84 Рік тому +15

    I had been considering between React Native and Flutter for a while.
    I decided to learning React and React Native 1 year ago, now I can switch between web and mobile app development with ease and performance.
    Especially, I love Nextjs and Expo framework.

    • @codewithnomi
      @codewithnomi  Рік тому +3

      I'll create tutorials on nextjs in future

    • @imankush10
      @imankush10 6 місяців тому +1

      same bro I'm in love with these frameworks too

  • @berndeveloper
    @berndeveloper 9 місяців тому +2

    Your work is completely amazing mate! Thanks for sharing your knowledge with us!

  • @sinethembagomba1720
    @sinethembagomba1720 Рік тому +1

    So nice and structured. Amazing work. Thank you.

  • @aroobamasoodabbasi6475
    @aroobamasoodabbasi6475 11 місяців тому

    This is the best tutorial among those I have taken for onboarding screen development. Thank you! Keep up the pace.

  • @heidardotdev
    @heidardotdev 5 місяців тому

    Your content is unique in UA-cam and unforgettable ❤

  • @voloxon
    @voloxon 9 місяців тому

    Nomi, excellents tutorials, thank you for sharing! Cheers!

  • @alexeykorobov8822
    @alexeykorobov8822 10 місяців тому

    Amazing tutorial! Thank you!

  • @yasserhy
    @yasserhy 6 місяців тому

    Thanks man! that helped me a lot

  • @udaym4204
    @udaym4204 10 місяців тому

    Nice work brother learn lot from your video Thank you.

  • @ramodsasanga6169
    @ramodsasanga6169 Рік тому

    Thank you very much for sharing your knowledge and experience.
    Please share how do you plan a react native project(client/personal project) before starting it.

  • @Gman_Reta
    @Gman_Reta 11 місяців тому

    Thx so much, it's great work

  • @abdalrahmanBashir
    @abdalrahmanBashir Рік тому +2

    Wow, your React content is an absolute gem in the vast sea of UA-cam!, I can't thank you enough for sharing your knowledge with the world. Keep up the fantastic work, and know that you're positively impacting so many people's lives, including mine.
    Looking forward to more enlightening content from your channel! 🚀💻
    + I wanted to ask if it's possible to give us your user snippets code for "rnf" and thanks in advance.

    • @codewithnomi
      @codewithnomi  Рік тому

      thanks 🙏
      you can find the git repo link for the source code in all of my videos 😉

  • @ShawkiFitouri
    @ShawkiFitouri Рік тому

    I saw the clean ui u make ,,, gooood

  • @heidardotdev
    @heidardotdev 5 місяців тому

    Actually i so love android development and I'll learn native soon❤

  • @sahilverma_dev
    @sahilverma_dev Рік тому

    great video brother

  • @AFLEXGAMING
    @AFLEXGAMING Рік тому +2

    Brother I need your opinion am a flutter developer but after watching your viddos i just fall in love with react native is it possible i learn react? I love the amoothness of react apps + on end scroll stretch effect on screens.
    And please let me know how you learn react native!
    Lot of love
    Danish awan 🇵🇰♥

    • @codewithnomi
      @codewithnomi  Рік тому +2

      I practiced reactjs for 5 years and recently started react native. If you know reactjs then learning react native will be a piece of cake 😁

  • @prashlovessamosa
    @prashlovessamosa Рік тому

    Dhanyawad bhaiya.

  • @ramdhannp8796
    @ramdhannp8796 10 місяців тому

    I like your videos

  • @geoffreybluejack3022
    @geoffreybluejack3022 Рік тому +1

    Sir you have great tutorial videos, but which of your tutorials should i begin with first, as i a total beginner 😅

    • @codewithnomi
      @codewithnomi  Рік тому +1

      Build Expensify App With React Native: ua-cam.com/play/PLKWMD009Q4qTGuqXxRq51f8OoDaIoJ1yo.html

    • @geoffreybluejack3022
      @geoffreybluejack3022 Рік тому

      @@codewithnomi Thank You

  • @blaqhakym
    @blaqhakym 8 місяців тому

    Thank you boss

  • @herbeysoft
    @herbeysoft 10 місяців тому

    Hi, your video are really interesting. Meanwhile, what will you advice a developer trying to make app responsive. 1. Using the inbuilt Dimension you used in this video, or 2. The flex and the responsive library used in some of your other video. ?

    • @codewithnomi
      @codewithnomi  10 місяців тому

      the responsive library also uses device dimensions, use flex + responsive screen library

  • @penguinxed
    @penguinxed Рік тому +1

    awesome tutorial sir! may I ask how can i remove the color transition delay? and is this react native swiper works well with product card images? thank you so much! 😊

    • @codewithnomi
      @codewithnomi  Рік тому +1

      Yes you can use product card images, but you will have to check their documentation for color transition delay.

    • @penguinxed
      @penguinxed Рік тому

      @@codewithnomi awesome thank you sir!

  • @subtoamit
    @subtoamit Рік тому

    U re doing a great work ! Can we able to use your frontend and make it better like a full stack application
    and publish it to git or any app store

  • @CarryMinati-nm8dn
    @CarryMinati-nm8dn Рік тому

    Hey! My Animation is not loading. It is there as my Title and subtitle are getDown to bottom but i can't see the animation or i can say the animation is not rendered. can you please help me in this

  • @dzungtran612
    @dzungtran612 Рік тому +1

    I followed your instructions but by 7:30 my animation was not showing like your video and the program is still running normally.

    • @codewithnomi
      @codewithnomi  Рік тому

      you mean lottie animations are not working?

    • @dzungtran612
      @dzungtran612 Рік тому

      @@codewithnomi Yes, I used "npx expo install --fix" and got the animation displayed. But then Expo Go stopped working and I don't know what's wrong. when I remove this line "" the program runs normally again

    • @AhmetAI34
      @AhmetAI34 Місяць тому

      Did you fix it?

  • @Luis-tt2br
    @Luis-tt2br 3 місяці тому

    hey Hi. one question i have a warning cause default props will be removed how can i fix it ?

  • @doma3199
    @doma3199 7 місяців тому

    Any reason you did not use tailwind in this build? Can you make it responsive with tailwind as well?

  • @hubesh716
    @hubesh716 Рік тому +2

    brother when i use this with CLI app crashes again and again its work not properly its work in some cases so plz make video on CLI as well thanks

    • @codewithnomi
      @codewithnomi  Рік тому

      The process is the same for cli approach, if you are facing any issue I'm sure you'll find the solutions for that online 😉

  • @kpopcat_official
    @kpopcat_official 8 місяців тому

    if the user needs to sign in to use the application, would you recommend to have sign in page before the onboarding pages or after?

    • @codewithnomi
      @codewithnomi  8 місяців тому

      It depends on the nature of the app and the user experience you aim to create.

  • @PauloIcaro-pg2xk
    @PauloIcaro-pg2xk 10 місяців тому

    Best 🤙

  • @JorgeSantamariaRamos
    @JorgeSantamariaRamos 9 місяців тому

    My app crashes when recording an audio. If a press the record button and start saying something, it crashes without any error in console. Can you help me?

  • @Suresh-v7h
    @Suresh-v7h Місяць тому

    This one use expo also ?

  • @cubeunicorn4055
    @cubeunicorn4055 9 місяців тому

    Why you don't use expo router?

  • @ShubhamTiwari-w4e
    @ShubhamTiwari-w4e Рік тому

    I have done the same as you , but still i am getting this error, "undefined is not a function" why?

  • @Olatee
    @Olatee 9 місяців тому

    This code works perfectly but crashes immediately after loading on android. I've been on it for a day now. Does anybody have pointers?

  • @manooj8502
    @manooj8502 9 місяців тому

    FIrst of all your content are great.Love from Nepal.I have been going throught your video of lottiee animation but i find issue in my application in animation only in android device ios devices is working fine can you help me solved my issue

  • @narinderkumar9028
    @narinderkumar9028 11 місяців тому

    app crash when we enter done button
    plz solve this

  • @narinderkumar9028
    @narinderkumar9028 11 місяців тому

    hello bro kindly solve this issue the app crash when i enter done button

  • @AjaySingh-xy9zq
    @AjaySingh-xy9zq Рік тому

    Can u Make a text detection from image app!

  • @lokis5409
    @lokis5409 Рік тому

    Hai bro i am watching your chat gbt video. i found the error bro `new NativeEventEmitter()` was called with a non-null argument without the required `addListener` method how to solve the error bro please replay

  • @sallbro786
    @sallbro786 11 місяців тому +1

    Why u don't use tailwindcss instead of stylesheet?

    • @blaqhakym
      @blaqhakym 8 місяців тому

      It doesn't matter. Use what works for you

  • @johnaudu2383
    @johnaudu2383 11 місяців тому

    My app keeps crashing..I don't know u I did everything correctly

  • @muminbhat3566
    @muminbhat3566 9 місяців тому

    how to do this in expo routing

    • @codewithnomi
      @codewithnomi  9 місяців тому

      watch this:
      ua-cam.com/video/jJl-DZ3d8k8/v-deo.html

  • @technishan7222
    @technishan7222 Рік тому

    Brother !
    Why am i unable to connect tailwind css in my react-native project?

    • @codewithnomi
      @codewithnomi  Рік тому +1

      Watch this: ua-cam.com/video/_Z33DTn0ZFo/v-deo.html

  • @shahhussain56
    @shahhussain56 Рік тому

    Hi, I am getting this error in my react native project when I install lottie-react-native package.
    Task :lottie-react-native:compileDebugKotlin FAILED Please help me to solve this.

    • @codewithnomi
      @codewithnomi  Рік тому +1

      there maybe some cache issue on android side, try cleaning the cache
      try these commands:
      - react-native clean
      - ./gradlew clean
      - ./gradlew cleanBuildCache

    • @shahhussain56
      @shahhussain56 Рік тому

      @@codewithnomi I have solved the issue. It was because of latest version of Lottie. I have install 5.0 something and it is working fine. Thanks for the reply.

  • @reptv3089
    @reptv3089 Рік тому

    What extensions are you using in this project?

    • @codewithnomi
      @codewithnomi  Рік тому

      you mean packages or vs code extensions?

    • @reptv3089
      @reptv3089 Рік тому

      ​@@codewithnomi code extensions bro!

  • @vannyaofficial7958
    @vannyaofficial7958 Рік тому

    the Onboarding UI can use with expo ?

  • @lokis5409
    @lokis5409 Рік тому

    Bro how to solve the Use process(css).then(cb) to work with async plugins in react native bro. please replay

    • @codewithnomi
      @codewithnomi  Рік тому

      try using this version of tailwind tailwindcss@3.3.2

    • @lokis5409
      @lokis5409 Рік тому +1

      @@codewithnomi Thank you bro the error is solved.

  • @danimusbar
    @danimusbar Рік тому

    i am still confuse, some of developers use React Native without Expo platform and another use it, please make another video comparing between develop React Native in Expo and not Expo..
    tks..

  • @shiekhpalace2401
    @shiekhpalace2401 Рік тому

    How do you make thumbnail a tutorial on it also

    • @codewithnomi
      @codewithnomi  Рік тому

      I use canva

    • @shiekhpalace2401
      @shiekhpalace2401 Рік тому

      @@codewithnomi tutorial please

    • @codewithnomi
      @codewithnomi  Рік тому

      @@shiekhpalace2401 you don't need a tutorial for that just use any template in canva

    • @shiekhpalace2401
      @shiekhpalace2401 Рік тому

      @@codewithnomi these mobiles standing in a pattern one after other how is this template

    • @codewithnomi
      @codewithnomi  Рік тому

      @@shiekhpalace2401 these are iphone 14 frames, found them online