Building the iOS 16 Lock Screen UI in React Native (tutorial for beginners)

  Рет қаралды 4,907

notJust․dev

notJust․dev

Жыл бұрын

The iOS 16 introduces some changes to the way we interact with the first thing we see when we lift our device - the lock screen. In this tutorial, we are going to try and build the iOS 16 Lock Screen UI (User Interface) in React Native.
If you prefer reading, no worries! We have this project covered as well in a blog format.
✨ Follow the project on notJust.dev ✨
bit.ly/3ICy3ex
📚 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 User Interface. 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
✅ How to build UI elements from scratch
✅ How to render beautiful UI interfaces
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:
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

Пікірлер: 10
@Frank2tek
@Frank2tek Жыл бұрын
Nice video as always. I am learning React Native by watching your videos. Thank you very much.
@ntindaSnyper
@ntindaSnyper Жыл бұрын
Great going!
@obsideon1343
@obsideon1343 Жыл бұрын
Is this a new version or a continuation of the previous two videos?
@patrickscott8869
@patrickscott8869 Жыл бұрын
Yeah so when I add the component I get the error : Element type is invalid: expected a string or a class but got undefined. Check render method of App
@rezamohammadi1210
@rezamohammadi1210 10 ай бұрын
Is there any way we can access to notion documents?
@dimitris2691982
@dimitris2691982 Жыл бұрын
Good Evening. can i have an ios emulator on linux or windows? also where can i download an emulator for android?
@HYR_1
@HYR_1 Жыл бұрын
Thanks for tutorial , please tell whether this will work on Android or not ?
@notjustdev
@notjustdev Жыл бұрын
Yes, it will!
@HYR_1
@HYR_1 Жыл бұрын
@@notjustdev ok thanks
@dimitris2691982
@dimitris2691982 Жыл бұрын
you don't mention this piece of code anywhere > , nor >, and I also don't see the notification list..... your videos are very nice and I say all this in a very good mood, but don't skip steps, so that we can follow....thanks once again!!!
didn't want to let me in #tiktok
00:20
Анастасия Тарасова
Рет қаралды 10 МЛН
ISSEI funny story😂😂😂Strange World | Pink with inoCat
00:36
ISSEI / いっせい
Рет қаралды 26 МЛН
Она Постояла За Себя! ❤️
00:25
Глеб Рандалайнен
Рет қаралды 5 МЛН
INSANE OpenAI News: GPT-4o and your own AI partner
28:48
AI Search
Рет қаралды 199 М.
React Native Tutorial for Beginners - Build a React Native App
2:06:30
Programming with Mosh
Рет қаралды 2,9 МЛН
#1 Create a Simple Login Screen in React Native
5:15
WithFrame
Рет қаралды 9 М.
Animated Login Form in React Native (#1 UI)
14:50
notJust․dev
Рет қаралды 26 М.
Create Gesture Based BLUR effects in React Native
11:18
notJust․dev
Рет қаралды 11 М.
OpenAI SHOCKED Everyone! Voice, Vision, & Free?!
8:58
Theoretically Media
Рет қаралды 42 М.
In-app Subscriptions & Paywalls with RevenueCat in React Native
2:27:53
FlatList Animations in React Native with Reanimated 2
59:15
notJust․dev
Рет қаралды 11 М.
Распаковка айфона в воде😱 #shorts
0:25
Mevaza
Рет қаралды 1,2 МЛН
🤯Самая КРУТАЯ Функция #shorts
0:58
YOLODROID
Рет қаралды 3,4 МЛН
Apple ХОЧЕТ, чтобы iPhone ЛОМАЛИСЬ чаще?
0:47
ÉЖИ АКСЁНОВ
Рет қаралды 1 МЛН
Пленка или защитное стекло: что лучше?
0:52
Слава 100пудово!
Рет қаралды 1,6 МЛН
Рекламная уловка Apple 😏
0:59
Яблык
Рет қаралды 806 М.