Let's build iOS 16 in React Native 🤔

2024 ж. 4 Мам.
203 016 Рет қаралды

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

Пікірлер
  • Men, I appreciate what you do sir, I am not even suggesting any project, keep going sir Thank you sir.

    @waifufx@waifufx Жыл бұрын
  • Hi, I like your video. Wondering do you have videos to build a react native app with only local database? Thanks!

    @nancy5205@nancy5205 Жыл бұрын
  • 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.

    @chetanbawankule2035@chetanbawankule2035 Жыл бұрын
  • 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 😎

    @ruslanmonar157@ruslanmonar157 Жыл бұрын
  • Okay so this was great however how can upload this to my phone

    @gabuchi101@gabuchi101 Жыл бұрын
  • 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?

    @Sdhu6@Sdhu6Ай бұрын
    • Thanks! Check out this, should help you out: thucnc.medium.com/how-to-show-current-git-branch-with-colors-in-bash-prompt-380d05a24745

      @notjustdev@notjustdevАй бұрын
  • if i use safeAreaView the top and the bottom turns to be white, doy you now how to fix that?

    @juanpardo8551@juanpardo8551 Жыл бұрын
  • Why u always use Expo? What is Expo better than BARE?

    @mhddedekyansyah4720@mhddedekyansyah4720 Жыл бұрын
  • merci❤

    @user-sq7si4jz5h@user-sq7si4jz5h3 ай бұрын
  • 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

    @tomerhertz8502@tomerhertz8502 Жыл бұрын
  • please next day live streem

    @user-jq7oi1om2n@user-jq7oi1om2n2 ай бұрын
  • I love you bro tax

    @jumanasuode9885@jumanasuode9885 Жыл бұрын
  • I don't have Mac device can I develop

    @shubham-itachi@shubham-itachi4 ай бұрын
    • Yes

      @pekin9duck@pekin9duck3 ай бұрын
    • @@pekin9duck how can you help cause I have windows 11

      @shubham-itachi@shubham-itachi3 ай бұрын
  • Clone Udemy next

    @JKholmatov@JKholmatov Жыл бұрын
    • I second this.

      @andiswashabalala@andiswashabalala Жыл бұрын
  • hi

    @IDU772@IDU772 Жыл бұрын
  • Hii

    @KrishnaBhai-xc5hz@KrishnaBhai-xc5hz3 ай бұрын
  • LOG IN WITH FACEBOOK

    @benkimhon481@benkimhon481Ай бұрын
  • I don't see any iOS here.

    @pekin9duck@pekin9duck3 ай бұрын
    • 😂 1:08:19 1:08:19 ❤😂❤❤❤❤ 1:08:51

      @worapatkankaw8809@worapatkankaw8809Ай бұрын
  • Hii

    @KrishnaBhai-xc5hz@KrishnaBhai-xc5hz3 ай бұрын
KZhead