React Native Full 8 Hours Course (Expo, Expo Router, Supabase)

Take a complete journey from a beginner to an expert in *Full Stack Mobile Development* with our 8 hour Masterclass. Dive into React Native and Supabase, mastering the necessary skills to create powerful and scalable mobile applications. This detailed guide will help you become a professional in Full Stack development, by building a Food Ordering Application with a beautiful Frontend and powerful Backend. Are you ready to master *Full Stack Mobile Development* in just 8 hours? Let's get started! 🚀
*🗒️ Project Page:* www.notjust.dev/projects/food-ordering
*🎒 Asset Bundle(dummy data, files, images):* assets.notjust.dev/pizza
*📚 Follow along with our step-by-step guide:* notjust.notion.site/notjust/React-Native-Supabase-Masterclass-47a69a60bc464c399b5a0df4d3c4a630
*💻 Source Code:* github.com/notJust-dev/FoodOrdering
*🔗 Useful Links:*
Supabase Signup: supabase.com/dashboard/sign-up?
Download Xcode: developer.apple.com/xcode/
Download Android Studio: developer.android.com/studio
*🧭 Navigate using timecodes:*
*INTRO AND OVERVIEW*
00:00 Introduction and Structure
01:25 Module 1 Overview: UI
02:19 Module 2 Overview: Backend
03:06 Module 3 Overview: Production
03:25 Asset Bundle and Project Guide Download
*MODULE 1: UI*
04:26 Development Environment Configuration
07:16 Setting Up a Fresh Expo Project
15:17 UI Development
16:53 Text Rendering and Styling
21:42 Replacing Hardcoded Data
23:40 Image Rendering and Styling
27:43 Custom Component Creation
36:09 Fixing UI Issues
43:02 Implementing TypeScript Path Aliases
46:28 FlatList Implementation
52:34 Flatlist Edge Cases
53:13 Image Fixes
54:25 Expo Router Screens
55:13 Creating Screens with Expo Router
01:02:37 Code Structure for Screens
01:11:39 Product Details Screen
01:15:11 Select Size Component
01:26:16 Managing Selected Size with State
01:34:36 Shopping Cart Implementation
01:35:38 Using Modals
01:40:31 Sharing Data with React Context
01:58:42 Rendering Shopping Cart Items
02:13:26 Additional Shopping Cart Features
02:19:05 Application Overview
02:19:05 Admin Side Introduction
02:20:14 Admin Side Screens Structure
02:30:01 Creating a Product Screen
02:31:52 Working with Text Inputs and Forms
02:40:57 Image Picker Implementation
02:44:56 Product Screen Overview
02:45:51 Update and Delete Product
02:55:20 Module 1 Final Overview
03:00:57 Assignment 1 Solution
03:05:08 Assignment 2 Solution
03:22:32 Update Order Status Feature
03:24:57 Orders Top Tab Navigator
*MODULE 2: Backend*
03:33:06 Module 2 Overview: Backend
03:35:14 Creating and Configuring Supabase
03:36:37 Configuring Supabase in React Native
03:45:47 User Session Management
03:58:52 Admin Side Authentication with Supabase
04:10:53 Product CRUD Operations
04:10:53 Products Table Creation
04:27:34 Reading Products by ID
04:33:32 Creating Products
04:42:33 Updating Products
04:49:15 Deleting Products
04:52:31 CRUD Operations Overview
04:53:02 Typescript Integration with Supabase
05:00:59 Orders CRUD Operations
05:00:59 Reading Orders
05:21:53 Creating Orders
05:32:38 Linking Order Items
05:45:17 Updating Orders
05:49:40 CRUD Operations Overview
05:50:02 Real-Time Data with Subscriptions
05:50:55 Enabling Real-Time Subscriptions
05:51:39 New Orders Subscription
05:57:21 Order Status Change Subscription
05:59:17 Testing Real-Time Updates
06:01:19 Storage with Supabase
06:01:19 Storage Implementation
06:09:12 Downloading Images
06:12:36 Image Scaling with CDN
*MODULE 3: Production*
06:13:45 Module 3 Overview: Production
06:14:51 Bug Fixes and Polish
06:19:00 User Logout Functionality
06:22:01 Local Supabase Setup
06:37:10 Admin Account Creation
06:39:36 Integrating Stripe Payments
06:42:23 Stripe Payments Resources
06:43:06 Payment Flow Explanation
06:45:58 Stripe Key Setup
06:47:10 Stripe Payment Intent Creation
07:00:58 Payment Collection Form
07:14:06 Stripe Customer Creation
07:15:29 Linking Stripe Customers
07:19:34 Creating Stripe Customer
07:34:43 Push Notifications Overview
07:35:31 Expo Application Services Integration
07:38:38 Push Notifications Services Comparison
07:42:43 Setting Expo Push Notifications
07:57:10 Implementing Remote Push Notifications
08:02:11 Sending Remote Notifications
08:03:33 Supabase Remote Env Variable Setup
08:15:50 Outro
💬 Join the notJust Development gang and let's build together:
Twitter: VadimNotJustDev
Instagram: VadimNotJus...
Facebook: notjustdev
LinkedIn: www.linkedin.com/in/vadimsavin
Discord: discord.gg/VpURUN2
#tutorial #reactnative #beginners

[@javascriptexpanse]

The moment i noticed you were implementing auth -signup and signin i subscribed, liked and kept the notification bell ON, you are a good teacher buddy. nice job.

[@officialnickname]

This is hands down the best introduction to a framework, I have ever seen. You cover everything that people are wondering about and keep it concise nevertheless. And due to the pacing that is on point, I can keep watching without getting bored, which is a huge issue for me with most other tutorials.

[@mhslekbar]

i can't say anything, just thank you vadim for all effort what you give to us thanks a lot

[@notjustdev]

My pleasure!

[@DeskoTEK]

you are a legend. i ve been following hundreds of tutorials and imo you are among the best out there. So much material. So many explanations and the website to follow step by step a f legend.

[@danielfernandez5709]

Congrats Vadim!!! this tutorial is amazing! I am finally understanding how expo router works. Thanks for sharing such valuable resources!

[@notjustdev]

Thanks Daniel

[@bugraotken]

I was following another RN tutor for a while, I have completed his 3 videos, totally like 15-20 hours. But your approach is just awesome Vadim. It's clear that you have spent so much time for this tutorial plus Notion part. This video alone, with Supabase part, TanStackQuery part, production part... I have joined your channel Vadim, thank you for your efforts. I'll suggest this channel of yours to every RN enthusiasts. Cheers man!🌻

[@notjustdev]

Thank you so much for your appreciation! I'm glad you are finding our content valuable! 🙌

[@samsterjam5190]

Just finished the course, and wow! It was a lot but I wouldn't have had anyone else teach it. You made this so much fun and understandable for someone who just learned TS and React a day before. The Notion database was a huge help and you made sure to never leave us behind or in the dust by showing us your debugging process. Thank you!

[@mass13982]

No one on youtube makes better RN content than Vadim NotJustDev. The videos and material are comprehensive and show just how much work Vadim has put into making this possible. Aside from that, its very clear that Vadim is an expert and knows the ins and outs. I've watched so many KZbin videos on react native and most of them are inexperienced amateurs looking to suck your money for code and assets before even starting the project. Thanks Vadim.

[@SuperYoda7]

I can not believe how much value he provides to all of us through amazing videos and courses like this for free here on youtube!! keep it up man!

[@notjustdev]

My pleasure! Will do 🚀

[@ggkmkomega9370]

Wow, What a video, i am coming from the web and i wanted to learn React Native, and holy did i learn it _so much knowledge _great pace _great resources i wish we had a video like this for everything just insane i hope you keep up the good content wish you all the best

[@notjustdev]

Glad it was helpful!

[@christopherlonzo]

I'm a newbie in React Native, and you made it easy for me to understand how to use it. I was struggling understanding the docs from Expo. Thankfully you have a video that explains it in much simpler way. 🙏 Also, I like how detailed you are through your video having prepared of list of steps laid out is very nice, it's easier for me to follow and not get lost throughout the video! Keep it up!

[@notjustdev]

I'm so glad you found it helpful! Thanks for your support 🙌

[@ibrahimkouma6751]

Thank you so much! When I started my internship as a React developer, I was later transferred to the React Native team. Although React is similar to React Native, there were many patterns I wasn't familiar with. Your tutorials really helped me, especially on the mobile team where I was working on a chat system using Stream. Your Stream tutorial helped me get started, and after my internship, I was able to secure a full-time position. I would love to see content that no one else cover here on KZbin Such in app update, more animation and performance optimisation

[@notjustdev]

Wow, I feel like a proud parent reading your comment haha! It's amazing to see how our tutorials helped you navigate the React Native world and land a full-time gig. Also, thank you for your suggestions, I'll take them on board. Keep up the great work! 🚀

[@ibrahimkouma6751]

@@notjustdev love you Bro from China

[@watunki]

I used this tutorial as a basis for my own app and it is genuinely the first tutorial that had everything I needed explained from the ground up. Thank you for the excellent video.

[@LaveshChaudhari-b8j]

00:02 Learn to build full-stack food ordering app using React Native and Supabase. 02:14 Focus on backend development with Supabase for easy implementation of features like authentication, database design, query, mutation, image uploading, and real-time updates. 06:42 Expo allows building projects without setting up Android Studio or Xcode 09:00 Running the development server and testing the application on physical and emulator devices 13:52 Using Git to manage project changes 16:13 Understanding the app directory and its relationship to screens. 20:36 Using reusable colors and importing constants for consistent design 22:49 Accessing JavaScript variables inside GSX syntax. 27:16 Creating custom components in React Native 29:28 Creating and using custom components in React Native. 33:39 Moving components to separate files for best practice 35:56 Creating type-safe components with TypeScript 40:37 Using default or fallback image for missing product image 42:49 Enabling TypeScript path AL support in app.json and creating aliases in TS config for mapping 47:15 Easy to render a scrollable list of items using FlatList 49:30 Fixing layout issues and introducing grid layout 53:56 Creating separate screen for product details 56:14 Creating deep links for mobile navigation 1:00:38 Creating dynamic routes with React Native and Expo Router 1:02:51 Creating a nested Navigator for grouping screens within the tabs Navigator. 1:07:35 Adding an index screen inside the folder is essential for navigation. 1:09:50 Configuring navigation and hiding header 1:14:19 Working with Expo router and rendering product details 1:16:31 Handling undefined products and image rendering in React Native 1:21:05 Rendering a list of items using map operator 1:23:22 Styling and layout adjustments for views in React Native 1:28:01 Using conditional styles and state in React Native component rendering 1:30:18 How to update selected item and use state variables 1:34:56 Implementing the shopping cart feature with React context for data sharing 1:37:03 Configuring header and navigation in React Native 1:41:32 Creating a context provider and consumer in React Native 1:44:02 Using card provider component to wrap screens in the application. 1:48:54 Creating and using context in React Native 1:51:16 Implementing items and add item inside our card provider 1:55:49 Creating and adding new items to the cart 1:58:03 Adding functionality to the card list item. 2:02:40 Implement logic to merge and increment quantity of card items. 2:04:57 Adding update quantity function to card context for quantity management 2:09:39 Updating and filtering items in the array. 2:12:01 Checking and updating cart items based on product and size 2:16:41 Implementing order creation and management 2:18:50 Admin side features include product creation, updates, and filtering between active and archived items 2:23:31 Understanding navigation in React Native 2:25:48 Using segments to redirect to different screens based on user actions. 2:30:27 Creating a new screen for product creation 2:32:37 Styling input and label elements 2:37:10 Adding custom input validation for forms 2:39:32 Basic input validation and rendering an image 2:44:05 Implementing image selection, editing, form validation, and setting state in a React Native app. 2:46:34 Creating and updating item screens navigation and dynamic parameters 2:51:12 Updating form validation and prefilling input forms 2:53:21 Using React Native's alert component for confirmation dialogues 2:57:42 Creating custom components and navigation structure in React Native. 2:59:50 Implementing backend and authentication with Supabase 3:03:57 Implementing screen navigation and authentication logic. 3:06:03 Creating folder structure for wers and updating layout 3:10:27 Using day.js library to parse and display dates 3:12:42 Creating the order details page and obtaining the ID from search parameters. 3:17:15 Rendering order items in a list 3:19:30 Managing scrolling with flatlist and list header component 3:23:42 Creating a selector for order status 3:25:48 Implementing nested Navigator for managing list of orders 3:30:23 Using SafeAreaView from React Native Safe Area Context 3:32:34 Implementation of backend with Supabase for mobile app 3:36:50 Setting up Superbase and configuration 3:39:04 Creating an account using the sign up flow 3:43:28 Implementing sign in functionality with Supabase 3:45:41 Creating an authentication provider for managing user sessions 3:50:17 Using session imported from Supabase Library for user authentication. 3:52:23 Implement loading state for session fetch 3:56:56 Protecting authentication screens and implementing basic authentication flows. 3:59:12 Setting additional parameters for user profiles and group-based authentication 4:03:31 Fetching profile information from Superbase and redirecting based on user group 4:05:43 Setting up admin and user profiles 4:10:25 Creating and designing the product table for CRUD operations 4:12:36 Setting up and querying a new table in Superbase 4:16:56 Protect routes for authenticated users 4:19:08 Leveraging caching mechanism with react query and query provider 4:23:34 React Query manages loading, data, error states, and optimizes queries automatically. 4:25:44 Using the custom hook 'useProductList' for querying and rendering data, making components lean. 4:30:20 Parsing and processing ID for product retrieval. 4:32:26 Implementing CRUD operations for products and admin functionality. 4:37:14 Using the insert product function to save data in the database 4:39:30 Using on success function to update the UI after creating a new product. 4:44:17 Using the update product function and passing the ID parameter. 4:46:46 Updating product details and handling related errors 4:51:37 Handling routing and error management in Superbase 4:53:58 Configuring TypeScript integration with Supabase 4:58:38 Using helper functions and types to integrate with Superbase in TypeScript. 5:01:02 Implementing CRUD operations for orders in the application. 5:05:23 Creating table for order items and defining relationships. 5:07:36 Setting up table relationships and policies for authentication. 5:11:54 Updating query and regenerating types for superbase integration 5:14:00 Implementing error handling and data filtering in React Native 5:18:30 Filtering orders based on archive status and order status 5:20:40 Using dynamic query keys based on conditions for filtering data 5:24:47 Creating orders using mutations and typing 5:27:01 Using session to automatically handle user ID in data mutations 5:31:20 Creating and linking order items to the order for relationship 5:33:41 Creating and calling a function to save order items 5:38:04 Creating and linking cart items with word items and sizes in React Native using TypeScript 5:40:06 Sorting orders chronologically based on the most recent created date. 5:44:28 Updating order items and implementing related data queries. 5:46:43 Adding required ID for table update 5:51:07 Enable real-time updates for specific tables 5:53:14 Handling new data insertion and updating state 5:57:59 Subscribing to order updates using a specific ID 6:00:08 Real-time functionality for order updates 6:04:37 Uploading and linking files using Superbase storage 6:06:51 Troubleshooting issue with image upload and display 6:11:14 Storing and displaying images using remote image on React Native with Supabase 6:13:28 Adding payment processing and advanced features 6:17:37 Updating a product image and implementing logout functionality. 6:19:38 Creating a profile screen and implementing sign out functionality 6:24:00 Install and configure Docker desktop for local Superbase setup 6:26:07 Resetting database password in Supabase 6:30:33 Setting default values for environment variables and server restart in React Native application development. 6:32:42 Database synchronization issues between local and remote environments. 6:37:10 Creating and managing admin accounts and permissions 6:39:22 Integrating stripe as a payment processor 6:43:41 Server-side processing for secure payment handling. 6:45:45 Setting up test mode and Stripe integration for development 6:50:12 Function is watching files and auto-refreshing code 6:52:29 Using server-side Stripe integration for secure transactions 6:56:55 Troubleshooting and testing payment intent creation with dynamic amounts 6:59:19 Deploy function on remote Superbase instance 7:04:03 Initialize payment sheet on checkout 7:06:14 Creating and fetching payment sheet parameters using Edge function and Supabase client 7:10:46 Implementing payment processing and error handling in the app. 7:12:57 Payments are integrated in the application with dynamic prices and test mode usage 7:17:20 Creating and applying database migrations 7:19:32 Interacting with Supabase database from Edge function 7:24:05 Fetching and handling profile data with error checks 7:26:36 Saving customer ID from stripe to database 7:31:18 Understanding the process of initializing and handling payment sheets in React Native. 7:33:24 Stripe handling payments and card reuse 7:37:49 Configuring push notifications for iOS and Android 7:40:19 Expo push notification service simplifies remote notification management for Android and iOS apps 7:44:49 Setting up configuration for Expo notifications 7:47:14 Creating a notification provider for Expo push notifications. 7:51:59 Setting up push notifications in Expo go 7:54:00 Handling push notifications and notification listeners in React Native 7:58:32 Using migrations to track changes and apply them to remote database 8:01:07 The process of storing push notification tokens and sending notifications to users' devices using Expo. 8:05:57 Updating status and notifying user 8:08:23 Sending push notifications using Expo push token 8:13:14 Sending remote push notifications using Expo push API 8:15:28 Setting up Firebase Cloud messaging for Android notifications

[@bugraotken]

Thank you man for your efforts

[@gavit633]

Hey Sir Thanks , This is the best react native course ever on KZbin

[@notjustdev]

You are most welcome!

[@donewithwork]

I'm like 10 minutes in and can't believe how good this is. Thank you very much :)

[@notjustdev]

My pleasure! Glad you like it🙌

[@eddi3ms]

I reached the middle today. This tutorial is awesome! I'm Learning a lot.

[@maheshkarekar3957]

Great Job on this course. I am 1 hr 29 min and I am able to handle it. Thanks a lot!.

[@notjustdev]

I'm glad to hear that, great job!

[@sumitblogs15]

Hi bro ,I have one error coming at 1:01:17 in this line -> href={`/${product.id}` . I am getting href error saying "Type '`/${number}`' is not assignable to type 'StaticRoutes | RelativePathString | `${string}:${string}`" . please help me with this

[@chaletales]

I'm about 30mins in and I just had to stop to write this comment. Thanks so much Vadim! This is great stuff!!!

[@notjustdev]

You're very welcome!🙌

[@barnabtz]

This the best tutorial i have seen so far... Its sure a Masterclass... Thanks much Vadim.

[@notjustdev]

You're welcome! 🙌

[@barnabtz]

A tutorial on notion will be good too 😁😁@@notjustdev

[@ramprasadchauhan7]

Best course for react native, everything from scratch. Good explanation. I just started React native. Your course is very helpful. Thank you ❤❤. And again thanks for providing study material also which is very helpful for starting.

[@Muhammed_Furkan_Yilmaz]

This was definitely the best course I've watched on react native so far. Thanks for all the efforts! There were small issues I encountered some errors that didn't happen in the video but it was also a good for education to teach people to google the error! It wasn't a bug, it was a feature!

[@notjustdev]

That's great to hear! Yup, that's what makes a developer an amazing developer, ability to find and solve bugs 😁

[@Muhammed_Furkan_Yilmaz]

@@notjustdev I have a question. While we are using react query we used query names to cache the results so we don't need to call again but take from cache. But while we are downloading the pictures of pizzas we don't have any caching mechanism and it redownloads everytime we change screen. How to make those pictures cached? Do we call downloading function inside react query system or is there another way to manage caches? Again thanks for your help!

[@sinethembagomba1720]

Honestly, you are the best. I love the way you explain concepts.I will dedicate hours once more to learn about mobile development at granular level by watching this masterclass. Thank you NotJustDev :)

[@notjustdev]

Thank you! I'm thrilled to hear you found my explanations helpful 🙌

[@thegrasshopperliesheavy]

I'm about an hour into this course and this is great stuff dude! Thank you so much.

[@notjustdev]

My pleasure! I'm glad you are finding it helpful 🙌

[@shadinmuhammed7799]

if i am not wrong git stash is for saving the changes temporarily, git restore is the command that should be used to get rid of changes that is not commited. thanks for the video btw

[@blimatech]

Thanks for this tutorial with Supabase. You deserve putting a "Buy Me a Coffee" in the description. If you came to Madeira Island I would pay you a poncha! ;)

[@notjustdev]

Thanks a lot! Not planning yet to visit Madeira but would love that 😁

[@dabdoubeh]

I've been working on this tutorial for a few days, it's so so good. I've seen your sub count increase slowly but surely... congrats on 100k and thanks for the awesome videos !

[@notjustdev]

Thank you so much!!🚀

[@otavioaraujo1352]

Man, congrats! This is the best introduction react native i've ever seen!

[@notjustdev]

Appreciate that man 🫶🏻🙌

[@yusufariyibi]

Excited to begin the journey of 8 hours of intense learning

[@notjustdev]

That's great! Happy to be part of your learning journey!

[@thecivic_beat]

You are the best. God sent. I pray for you to be successful in all of your endeavors. All I can say is a biig thank you.

[@notjustdev]

Thank you too!🙌

[@marioskanellopoulos8780]

Thank you so much for this in-depth tutorial man. You are giving tons of value to the community. My appreciation is huge for you! Keep up the hard work man.

[@notjustdev]

I appreciate that! Will do 🙌🙌

[@PoojaMahadik-yw3em]

Big fan of your tutorials! Could you please consider making a tutorial on building an attendance application with React Native Expo? Your teaching style is fantastic, and it would be incredibly helpful for the community. Thanks a lot!

[@notjustdev]

My pleasure! Thanks for the suggestion, noted 🙌

[@_marcobaez]

Thank you Vadim, I know standing there for 8 hours is not easy. I learned so dang much bro!

[@notjustdev]

Thank you. Glad it was helpful! 🙌

[@kgomotsolouisaseema]

Man , thank you for your excelence hey . damn this is pro level, detailed and intentional . I APPRECIATE YOU and your efforts sir . im self teaching and its a journey hey. last year i had an opportunity to join a learnership to learn react and react native . it was war but i came out better and ABLE to learn and understand how to navigate challenges learning code. im constantly on youtube ect and practicing . currently my laptop is old and slow and im tired but i must tell you ,your videos inspire me to quickly sort out my laptop and wifi drama and just CODE . thank you SIR

[@notjustdev]

Thank you for your kind words and support! Keep up the great work on your coding journey, and best of luck with getting your laptop sorted out. Keep coding!🚀

[@yonghangguo]

国内网站没有找到相关的教程，您的教程真的太棒了！

[@ДенисМаценко-м2р]

2:26:44 - if you have typescript issues, with dynamic routing: //* This is a hook that returns the current route segments as an array of strings. const segments = useSegments() //* Strange behavior, but it works const productRoute = `/${segments[0]}/menu/${p.product.id}` as `${string}:${string}` return (

[@oxiumofficial]

The goat, I was just typing "as any" but was wondering why he didn't get this error.

[@joeponthetrails]

As someone trying to learn a new language I hope this is not THE solution. This is super ugly. I hope there is a better fix.

[@ThomLamb416]

Thank you so much for this course. I'm using it to build a workout tracker to help people lose weight. Great course so far !!

[@notjustdev]

You're welcome! Good luck with your project 🙌

[@ahmadsadaqat09]

Thank you Vadim for these gems of tutorials i am silent student of your channel watched and learned alot from your videos Thank you and keep up the good work

[@notjustdev]

You're very welcome! ☺️

[@100xcoding]

Thanks alot for this project i'm new in the react native this project teach me alot it took me 7 days to fully complete the project thanks a lot for this amazing content

[@notjustdev]

That's great to hear! Amazing job! 🚀🙌

[@derekprieur5258]

I honestly learned so much from this course. Thank you for putting this together!

[@notjustdev]

Glad it was helpful!

[@EmiliaKaida]

Thank you so much for the great content, Vadim! Could you consider making these in the future: - A complete, full-featured quiz app - A Duolingo clone that's more advanced/complete (I know you did that clone in a course in the past, but it's a simple one for beginner only) And it'd be more preferrable if the backend is not AWS :)

[@notjustdev]

My pleasure! And thanks for the ideas, we will take them into consideration 🙌

[@jeuxdeau2009]

Long time student, just checking in! Thanks Vadim! Hope you are doing well

[@notjustdev]

Thank you for your support! Glad to have you onboard🚀

[@quentinober3175]

This is some very high quality material! Thank you for the work you put in, it's a pleasure to follow your live and tutorials. Keep it up!!

[@notjustdev]

Much appreciated! I'm glad you found it helpful 🙌

[@mishen-thakshana]

Currently following this so far good and learned many things. Thanks

[@notjustdev]

You're welcome! I'm glad you're finding this helpful🙌

[@sridgl1]

I am just into the video sir. It's just mind blowing.. simple understanding video sir

[@notjustdev]

Thank you so much 🙌

[@berkyilmaz2941]

This is my learning progression comment. I'll updated with my timestamps. Hope I can reach the final!

[@teminoah2960]

Hats off , your tuition inspires a lot . Grand master

[@notjustdev]

Thank you 🙌🙌

[@MANHWASS]

A Very Big fan of your Videos! Could you please consider making a tutorial on building a Zoom Clone app with React Native CLI? Your teaching style is very good, and it would be incredibly helpful for the community. No one has build zoom clone Perfectly on KZbin so far Thanks a lot!

[@notjustdev]

Great suggestion! 💡 Share it on our Idea Board: github.com/orgs/notJust-dev/discussions

[@bilimlink]

Well structured tutorial and clean explained 👏 thanks for your time and efforts

[@notjustdev]

Glad it was helpful!🙌

[@vasubhanderi4371]

Absolutely thrilled to have completed the entire video and developed my very first full-stack React Native app! 🚀 Huge thanks for the phenomenal content! ❤ It's been an incredible learning journey! 👏

[@notjustdev]

Wow, that's great to hear! Thank you for your appreciation. Huge props to you for finishing it 🚀

[@askalgorithmi8748]

Thank you Vadim for all the shared experience and this great content, Can you please make also the delivery app 🙏

[@anibalasprilla85]

Vadim hermano, mi ingles no es el mejor pero me enganchó el tutorial y los disfruto y voy entendiendo... de verdad que la forma com expresas los conceptos y presentas la documentación, muestra un respeto hacia tus aprendices que habla muy bien de ti... créeme, estás cambiando vidas, incluso a un Ingeniero de 52 años como yo!!... gracias mosntruo!!

[@notjustdev]

¡Gracias por tus palabras! Me alegra mucho saber que encuentras útil el contenido. ¡Sigue adelante y nunca es tarde para seguir aprendiendo!

[@miftahulalim8818]

wow the best tutorial i found on youtube, your work is totally awesome !

[@notjustdev]

Thank you! I'm glad you found it helpful

[@shahwotsisname7311]

Great job with the taskboard! This really helps me follow your video and organize the steps in a structured manner!

[@notjustdev]

Thank you. Glad it was helpful! 🙌

[@jenaman0001]

Hi , This is amazing video and loved the way you explained things bit by bit.

[@notjustdev]

Glad you liked it 🙌

[@gauravbawa5609]

really loved the way you have made this content, top quality content, Thanks a million.

[@notjustdev]

I appreciate that! 🙌

[@ankitdtrital8666]

The content is absolute best but the problem is i dont like to use expo for building projects and i am having trouble understanding the navigation part. I am using stack navigator and bottom tab navigator to navigate. Can you make a short video explaning the best way of using stack and bottom tab navigation?

[@temitopeogunji7655]

vadim, the main guy👍. Always eager to give out freely!

[@notjustdev]

Thank you, my pleasure!

[@Trump-N-Putin]

This is awesome!! The course has lot to teach. But I love your English even more 😊😊😊, its beautiful

[@notjustdev]

Aww, thanks 🙏

[@Ddreyy1]

About to start this video, excited already

[@notjustdev]

Good luck 🚀

[@teminoah2960]

supabase , syntax for fetching data from multiply related tables is absolutely awesome

[@notjustdev]

Yes, you are right🚀

[@gankers6746]

as u said i saw a porton of ur video then tried my self and tried to implement something different also, like I used yup and formik for form validation

[@elfedericodiaz]

I hit HARD the suscribe button, this is quality content man 💎🙌

[@notjustdev]

Appreciate it, thank you 🙌

[@johnbauer9907]

This is a very well done tutorial. Thank You.

[@notjustdev]

Glad it was helpful!

[@phantazzor]

if in your tab layout you put the

[@visheshgupta4990]

Is anyone beginner in React native here ... Doing this course ? Want to connect in this learning journey

[@papa_aashik]

Yes bro

[@fonyuyjudefomonyuy3980]

Yea

[@vishant5551]

contact number

[@joeokat]

New in React Native

[@vishant5551]

@@joeokat yes

[@mymidjourneyjourney]

Keep up the good work. Ive learnt a lot from your tutorials.Thank you

[@notjustdev]

Thank you for your support 🙌

[@Vintersorganic]

I think the Expo Router part is pretty outdated. What a pity. I was loving your course so far!

[@prashanttanwar3261]

what things are outdated, could you please share

[@Derek-dc1pj]

An excellent tutorial. Very well done!

[@notjustdev]

Glad it was helpful!

[@Roger_Miranda]

Literally saved my life, thanks so much!

[@nyanlauncher7350]

You're awesome dude. Keep up the good work.

[@notjustdev]

Thanks! Will do!

[@Ahmed-Lotfy]

i love the laugh at the moment when the fetched product is successfully appeared in the application view every developer will relate thank you for all the effort and work you do keep up the great work your explanation and guide is very helpfull make the learning process is very simple and great i'm learning react native newly to add it to my knowledge base coming from the web react and nextjs

[@notjustdev]

Couldn't agree more! Thanks for your appreciation 🙌

[@sandile2540]

This is interesting, thanks Vadim. Do you mind making a comparison between AWS Amplify and Superbase in a short video or on notJust newsletter? I see some of your projects shifted away from Amplify lately

[@notjustdev]

Great suggestion!

[@celinecambier422]

Hello! I love this tutorial. I'm learning so much!!!!! I have a small issue though. After implementing the products table on supabase, my app doesn't want to return to the index page. I'm stuck on the menu user side... Does someone have an idea why or experienced that?

[@hoangng16]

I'm looking for a course that can provide the knowledge regarding the following: - how to choose a good option on a host service when it comes to deployment - how to choose a good option on a database More clarity: There are often multiple options for backend host service based on RAM and CPU, but I need to know how much RAM or CPU I need and foresee what I will need if the app grows. A lot of people are looking for this type of content to learn.

[@zuhairrehman2526]

Brilliantly done!

[@navinkumarsahu1159]

Waiting n waiting.........

[@Mansoorahmedofficial_777]

thank you so much sir for such a a great content sir, love from india

[@nicoap4315]

masyaAllah, thank you so much... btw, please create tutorial about how setting react native without expo :(

[@ThomLamb416]

You should also do a course on 1 - how to do a great tutorial/ course and 2 - how to set up an awesome Notion board.

[@notjustdev]

That's a great idea! Thank you 😊 Submit it here: github.com/orgs/notJust-dev/discussions

[@DudeFashion4U]

thats soo awsome course fully recommended and thanks sir vadim

[@notjustdev]

My pleasure 🚀

[@jeffjcd]

This is AMAAAAAAAZIIIIING Thank You Thank You 🎉❤

[@notjustdev]

Thanks 🤩

[@javascript8461]

Hello. First i want to thank you for this course. Its very,very good. Subscribed,liked and turned the bell on, because i dont want to miss your content. And second, I found out that if we choose more poructs in the cart modal, the Checkout button goes down and you can scroll and click it. How to fix that thing?

[@notjustdev]

Thanks for the sub!🙌

[@sherzies9883]

Hey there! Love your videos so much! It would be so amazing if you could make a tutorial on how to incorporate GraphQL to make queries in this react native expo x supabase app. That would be so so helpful

[@notjustdev]

Thanks for your support! Great suggestion! 🙌

[@jessexing3456]

What an amazing tutorial!

[@CodeSnap01]

thanks and respect for uh . and because of uh i am changing to react native

[@notjustdev]

All the best

[@sorrynosalad]

Looking forward to it. What are the prerequisites for this course ? Thanks

[@notjustdev]

Thank you! Check our step-by-step guide for the prerequisites and not only: notjust.notion.site/notjust/React-Native-Supabase-Masterclass-47a69a60bc464c399b5a0df4d3c4a630

[@shahwotsisname7311]

Hey Vadim! Loving this video! I followed your video to 6.33.20 mark and my app is now connected to Supbase local, .env file connected to supabase local API and ANON key, and reset my db like you showed. Docker Desktop is running the container without issues. Now when I try to create a new user in the app and click SIGN UP button, I get this error in Terminal: [TypeError: Network request failed]. I searched all over the internet for this fix but unable to fix it. Would you have an idea what the issue is and the fix?

[@yusufpolat9290]

Hi Vadim, I've been following your content for a while now. Thanks for your contributions to the community.❤ For about 2 years, I've been developing many applications professionally using React Native CLI. I had concerns about using Expo, but watching your content changed my perspective positively. When I asked other React Native developers around me, I noticed that they prefer not to use Expo, but they only had hearsay information about why they don't prefer it. When I searched online, I came across the same comparisons everywhere. I'm curious, do you prefer Expo in your projects? Can Expo be used in small, medium or large-scale projects?

[@notjustdev]

Hi there, thank you for your kind words and for following my content! I'm thrilled to hear that it has helped change your perspective on using Expo. To answer your question, yes, I do prefer using Expo for many of my projects, due to its simplicity and efficiency, especially for quick prototyping. Expo is a fantastic tool that simplifies the development process, particularly for those who are new to React Native or want to speed up the development cycle. And yes, Expo can be used for small, medium, and even large-scale projects, depending on the project requirements and how well they match Expo's features. For larger projects, the bare workflow might be more appropriate, as it offers more flexibility and control over the native code. But again, it depends on your project's specific needs and potential future requirements to determine if Expo is the right fit. I usually recommend Expo for 99% of the cases and prefer it over RN CLI.

[@yusufpolat9290]

@@notjustdev First of all, thank you for answering my question. I've started my new project with Expo, and the facilities provided by Expo have really boosted my motivation. Thank you for your contributions.

[@ShobhitShah09]

Bravo! appreciate your hard work. 🙌

[@notjustdev]

Thank you! 🙌

[@KhalidAli-jy6tu]

Isn't there a security vulnerability with the `group` column on the `profiles` table? Supabase automatically turns on Row Level Security and adds three policies that allow an authenticated user to view all rows, add a new row for their ID, and update their row in the `profiles` table. A malicious user could use the public anon key to read the profiles table, see the `group` column values as "USER" or "ADMIN," and update their row to "ADMIN" to get access to secure features of the app. One simple solution would be to create a "permissions" table connected to the user ID. Then, manually update this table only for admin users. Also, add a policy to allow all users to read this table. In the app, we can then check this table to see if a user is an admin. By the way, great video. I'm four hours in and learning a lot! There are definitely some parts that are aimed more towards beginners (like the form validation/submission where I used Zod + React-Hook-Forms), but overall it's a good pace and the Notion doc is really helpful. Keep it up!

[@notjustdev]

Thank you for the insightful feedback! You raise a valid concern about potential security vulnerabilities with the 'group' column on the 'profiles' table. Using a separate 'permissions' table connected to user IDs and implementing manual updates for admin users could indeed enhance security. I appreciate your suggestions and I'm glad you're finding the video helpful!

[@visheshgupta4990]

Thankyou so much for this waiting for this

[@notjustdev]

My pleasure!

[@BryanHoganMe]

For others that made the "src" folder and moved their three files into it and then were a bit confused about the @ import throwing an error: You need to go into your tsconfig.json and change the line (line 7 for me) from "./*" to "./src/*" After that you can proceed as mentioned in the video. The is because the template used has been updated. A bit later into the video you will also learn more about it, it's a new feature that hadn't been added when the video was released, it can make importing a bit easier in the long-run. ( 43:02 Implementing TypeScript Path Aliases )

[@kntbruh]

thank u bro

[@BryanHoganMe]

@@kntbruh Glad to help 👍

[@rezkibawono7893]

I was looking for this thank u so much man

[@mikuri_13]

thank you!

[@rockbelleh6237]

Tnks alot for touching lives. Great content all for free

[@notjustdev]

Yes, all for free just for you guys 🙌

[@fabianmartinez3113]

Awesome tutorial. Thank you very much. Do you use redux on your projects?

[@ydafy]

ty bro this help us a lot, shoutout from Mexico vadim

[@notjustdev]

Thank you!

[@mpkogli]

👏👏👏Such great content, thank you!

[@notjustdev]

You're welcome!🙌

[@ericsonl_]

Finally supabase 🔥. Thank you!!

[@notjustdev]

You're welcome! Supabase is king!

[@aymenbachiri-yh2hd]

Thank you so much vadim, great tutorial

[@YahyaWork-or7jq]

amazing video < thank you so much , i have a quastion : in real project they work like this ?

[@notjustdev]

Thank you! What do you mean by that?

[@JoeJoe-gh7rn]

I am here chief. ❤❤❤