In this video, you'll bridge the gap between web and mobile with an intensive crash course on React Native fundamentals and modern features like file-based routing and server components. Then, you’ll build Recurrly, a subscription tracker using Expo. You’ll implement essential real-world features before taking the leap that most tutorials skip: publishing your app to the Apple App Store and Google Play Store so you can actually start monetizing your work. Expo: https://jsm.dev/nativesub-expo Expo EAS : https://jsm.dev/nativesub-eas Clerk: https://jsm.dev/nativesub-clerk PostHog: https://jsm.dev/nativesub-posthog CodeRabbit: https://jsm.dev/nativesub-coderabbit Junie AI: https://jsm.dev/nativesub-junie WebStorm: https://jsm.dev/nativesub-webstorm 📋 Join the AI Course Waitlist: https://jsm.dev/nativesub-agentic 📋 Join the React Native Course Waitlist: https://jsm.dev/nativesub-native 🎁 Video Kit (Code, Assets, Prompts): https://jsm.dev/nativesub-kit ⭐ Join JS Mastery Pro: https://jsm.dev/nativesub-jsm ➤ Links not working? Some regions may need a VPN. https://discord.com/invite/n6EdbFJ https://twitter.com/jsmasterypro https://instagram.com/javascriptmastery https://linkedin.com/company/javascriptmastery Business Inquiries: [email protected] Timestamps: 00:00:00 — Introduction 00:03:19 — Crash Course 00:13:14 — Fundamentals 00:23:44 — Project Setup 00:35:19 — Setup Styling (Nativewind) 00:45:17 — Routing & Navigation 01:03:10 — Tab Navigation 01:27:55 — Custom Fonts 01:36:11 — Home UI 02:24:13 — Clerk Setup 02:28:37 — Authentication 02:53:40 — PostHog 03:05:44 — Subscription Tab 03:10:16 — Create Subscriptions 03:13:57 — PostHog Custom Events 03:26:04 — EAS Build & Deploy 03:39:39 — Closing & What's Next
ADVERTISEMENT
which link do i use to get the finished global.css file
part 2 please
i never did react native ? do i watch this ? or need to have some knowledge ( I am a mern dev)
When I am moving the index.tsx into (tabs) folder why sign-in page appears instead the index page? 54:43
Timestamp: 54.40 to 55 . When you move index.tsx inside (tabs) it will not work because you haven't used _layout.tsx inside (tabs) folder . You used that later.
which backend framework are you using just for curiosity
on the moment 54:41 you just drag the index.tsx in tabs group but in my case (auth)/sing-in become the default opening page not index page why please tell me
Thank you sir
Videokit link isn't working, i can't access the assets
this vid took almost 1 week to finish since i'm not following the same app idea. that was fun!
Thank you for the full course bro. I have been searching videos that provides free tech stacks to use with full tutorial and also explains how to publish it.I will use the tech stacks u provided to make my ap- Booklify AI, a dream come true. Please wish me good luck. Thank You:) !!
if i move index.tsx file into the tabs folder, app layout is not working correctly. it is working fine, if index.tsx is on app folder root, why is that?
As a developer, not a designer, can I create good Figma designs like you? How can I do that without learning everything about UI/UX? Can you create a tutorial for that?
does this video cover both backend and frontend entirely while making the app, or just the frontend??
I'll be the next superman of React Native
Please make the part 2 wiring the frontend to the backend. You're the man !!
Hey Adrian, why you moved index.tsx to (tabs) folder and not to (auth) folder? I mean, what happens if I have another index.tsx in (auth) folder?
Your RN courses are the best man, am eagerly waiting for the RN course. I've been learning RN for the last couple of months and your videos have proved invaluable. Thanks a lot man.
Pro you forget to put the back end except the nation video can you please give us the link to complete the application
Hi Wouldn't it be better to use SafeAreaView in the _layout to avoid importing it in every tab?