Let's build iOS 16 in React Native 🤔

Sdílet
Vložit
  • čas přidán 2. 05. 2024
  • For this challenge, we are trying to build the iOS 16 Lock Screen in React Native. Is it even possible? 🤔
    📚 Join the waitlist for "The Full-stack Mobile Developer"
    academy.notjust.dev/
    🎒 Get the step-by-step guide and Asset Bundle
    assets.notjust.dev/ios-locksc...
    In this video, you will learn React Native with Expo from scratch by building the iOS 16 Lock Screen. This project is a great way to get your foot in the door with hybrid, cross-platform mobile development with React Native. This is a beginner-friendly tutorial, and all the steps and concepts will be explained in detail.
    In this video, you will learn:
    ✅ How to start a React Native project from scratch using Expo
    ✅ Render beautiful UI interfaces
    ✅ Animations
    Let's learn together 📖💡
    🐱‍💻 Source code
    github.com/notJust-dev/iOSLoc...
    💬 Join the notJust Development gang and let's build together
    / discord
    Tag me on social media when you finish this build, and I will give you feedback on your project.
    Twitter: / vadimnotjustdev
    IG: / vadimnotjustdev
    LinkedIn: / vadimsavin
    Timecodes:
    0:00 Intro
    01:56 Getting started
    02:48 Prerequisites
    08:53 UI: Initialise the project
    15:34 UI: Import the assets
    17:58 UI: Integrate image background
    20:47 UI: Data & time UI
    30:44 UI: Footer
    41:50 UI: Dynamic time
    01:01:10 UI: Notification flatlist
    01:11:20 Animations: Getting started with reanimated
    01:19:06 Animations: Layout animations
    01:25:10 Animations: Custom animations
    02:11:41 Animations: Flatlist animations
    03:47:30 Demo
    03:51:45 Q&A
    Disclaimer: This build is for educational purposes only!! All views, opinions, technology choices expressed in this video are my own and do not represent the views, opinions, technology choices of any entity whatsoever with which I have been, am now, or will be affiliated.
    #VadimSavin #notjustdev #ios16
  • Věda a technologie

Komentáře • 24

  • @waifufx
    @waifufx Před rokem +1

    Men, I appreciate what you do sir, I am not even suggesting any project, keep going sir Thank you sir.

  • @nancy5205
    @nancy5205 Před rokem +1

    Hi, I like your video. Wondering do you have videos to build a react native app with only local database? Thanks!

  • @chetanbawankule2035
    @chetanbawankule2035 Před rokem +1

    This was great this is the first time implementing animations doesn't scare me, I really appreciate efforts you made to teach this, Thank you so much for everything you do.

  • @ruslanmonar157
    @ruslanmonar157 Před rokem +2

    Hi, is it possible to create face filters like in Tik Tok & Snapchat using React Native? It would be nice to see your experiments on live stream or some tutorial 😎

  • @gabuchi101
    @gabuchi101 Před rokem +1

    Okay so this was great however how can upload this to my phone

  • @Sdhu6
    @Sdhu6 Před měsícem

    Love your vedio! Btw what is this nice thing in your command line that shows your current pwd and git branch? Is that a extension?

    • @notjustdev
      @notjustdev  Před měsícem +1

      Thanks! Check out this, should help you out: thucnc.medium.com/how-to-show-current-git-branch-with-colors-in-bash-prompt-380d05a24745

  • @juanpardo8551
    @juanpardo8551 Před rokem

    if i use safeAreaView the top and the bottom turns to be white, doy you now how to fix that?

  • @mhddedekyansyah4720
    @mhddedekyansyah4720 Před rokem

    Why u always use Expo? What is Expo better than BARE?

  • @user-sq7si4jz5h
    @user-sq7si4jz5h Před 3 měsíci

    merci❤

  • @tomerhertz8502
    @tomerhertz8502 Před rokem

    Great tutorial, is there a difference to running the animation on an android device?,
    in Time point 2:30 an on, the animation where the Flatlist goes down, works on the ios simulator, but it doesnt work on a real android device

  • @user-jq7oi1om2n
    @user-jq7oi1om2n Před 2 měsíci

    please next day live streem

  • @jumanasuode9885
    @jumanasuode9885 Před rokem

    I love you bro tax

  • @shubham-itachi
    @shubham-itachi Před 4 měsíci

    I don't have Mac device can I develop

  • @JKholmatov
    @JKholmatov Před rokem +1

    Clone Udemy next

  • @IDU772
    @IDU772 Před rokem

    hi

  • @KrishnaBhai-xc5hz
    @KrishnaBhai-xc5hz Před 3 měsíci

    Hii

  • @benkimhon481
    @benkimhon481 Před měsícem

    LOG IN WITH FACEBOOK

  • @pekin9duck
    @pekin9duck Před 3 měsíci +1

    I don't see any iOS here.

  • @KrishnaBhai-xc5hz
    @KrishnaBhai-xc5hz Před 3 měsíci

    Hii