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

Поделиться
HTML-код
  • Опубликовано: 22 май 2024
  • Take a complete and immersive journey from a beginner to an expert in Full Stack Mobile Development with our 8 hour Masterclass. Immerse yourself in React Native and Supabase, mastering the necessary skills to create strong 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. Begin your journey today and master Full Stack Mobile Development in just 8 hours!
    🎒 Asset Bundle(dummy data, files, images): assets.notjust.dev/pizza
    📚 Follow along with our step-by-step guide: notjust.notion.site/notjust/R...
    💻 Source Code: github.com/notJust-dev/FoodOr...
    🔗 Useful Links:
    Supabase Signup: supabase.com/dashboard/sign-u...
    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: / vadimsavin
    Discord: / discord
    #tutorial #reactnative #beginners
  • НаукаНаука

Комментарии • 403

  • @DeskoTEK
    @DeskoTEK 2 месяца назад +11

    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.

  • @javascriptexpanse
    @javascriptexpanse Месяц назад +5

    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.

  • @ramprasadchauhan7
    @ramprasadchauhan7 13 дней назад +1

    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.

  • @danielfernandez5709
    @danielfernandez5709 Месяц назад +7

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

  • @thegrasshopperliesheavy
    @thegrasshopperliesheavy 3 месяца назад +3

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

    • @notjustdev
      @notjustdev  3 месяца назад

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

  • @donewithwork
    @donewithwork 3 месяца назад +9

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

    • @notjustdev
      @notjustdev  3 месяца назад

      My pleasure! Glad you like it🙌

    • @eddi3ms
      @eddi3ms Месяц назад

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

  • @marioskanellopoulos8780
    @marioskanellopoulos8780 Месяц назад +1

    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
      @notjustdev  Месяц назад

      I appreciate that! Will do 🙌🙌

  • @mhslekbar
    @mhslekbar 3 месяца назад +35

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

  • @fonbarnabas2667
    @fonbarnabas2667 3 месяца назад +5

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

    • @notjustdev
      @notjustdev  3 месяца назад +2

      You're welcome! 🙌

    • @fonbarnabas2667
      @fonbarnabas2667 3 месяца назад

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

  • @user-yi7rd8gp4k
    @user-yi7rd8gp4k Месяц назад +4

    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
      @oxiumofficial Месяц назад

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

  • @derekprieur5258
    @derekprieur5258 Месяц назад +1

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

  • @quentinober3175
    @quentinober3175 29 дней назад +1

    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
      @notjustdev  27 дней назад

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

  • @bugraotken
    @bugraotken 2 месяца назад +12

    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
      @notjustdev  2 месяца назад

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

  • @chrisalonzo1252
    @chrisalonzo1252 2 месяца назад +1

    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
      @notjustdev  2 месяца назад

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

  • @shadinmuhammed7799
    @shadinmuhammed7799 Месяц назад +1

    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

  • @SuperYoda7
    @SuperYoda7 2 месяца назад +2

    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
      @notjustdev  2 месяца назад

      My pleasure! Will do 🚀

  • @user-dr3ml3tj5k
    @user-dr3ml3tj5k 2 месяца назад +12

    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
      @bugraotken 2 месяца назад

      Thank you man for your efforts

  • @sinethembagomba1720
    @sinethembagomba1720 3 месяца назад +3

    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
      @notjustdev  3 месяца назад +1

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

  • @gavit633
    @gavit633 3 месяца назад +7

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

    • @notjustdev
      @notjustdev  3 месяца назад +1

      You are most welcome!

  • @dabdoubeh
    @dabdoubeh 2 месяца назад +2

    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
      @notjustdev  2 месяца назад

      Thank you so much!!🚀

  • @anibalasprilla85
    @anibalasprilla85 Месяц назад +2

    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
      @notjustdev  Месяц назад +1

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

  • @mishen-thakshana
    @mishen-thakshana 3 месяца назад +1

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

    • @notjustdev
      @notjustdev  3 месяца назад

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

  • @miftahulalim8818
    @miftahulalim8818 3 месяца назад +1

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

    • @notjustdev
      @notjustdev  3 месяца назад +1

      Thank you! I'm glad you found it helpful

  • @ggkmkomega9370
    @ggkmkomega9370 3 месяца назад +6

    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
      @notjustdev  3 месяца назад +1

      Glad it was helpful!

  • @Ddreyy1
    @Ddreyy1 Месяц назад +1

    About to start this video, excited already

  • @jessexing3456
    @jessexing3456 Месяц назад +2

    What an amazing tutorial!

  • @ahmadsadaqat09
    @ahmadsadaqat09 3 месяца назад +1

    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
      @notjustdev  3 месяца назад

      You're very welcome! ☺️

  • @Muhammed_Furkan_Yilmaz
    @Muhammed_Furkan_Yilmaz Месяц назад +1

    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
      @notjustdev  Месяц назад +1

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

    • @Muhammed_Furkan_Yilmaz
      @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!

  • @ThomLamb416
    @ThomLamb416 3 месяца назад +1

    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
      @notjustdev  3 месяца назад

      You're welcome! Good luck with your project 🙌

  • @navinkumarsahu1159
    @navinkumarsahu1159 3 месяца назад +6

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

  • @gauravbawa5609
    @gauravbawa5609 26 дней назад +1

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

    • @notjustdev
      @notjustdev  20 дней назад

      I appreciate that! 🙌

  • @ernestlamptey397
    @ernestlamptey397 19 дней назад +1

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

    • @notjustdev
      @notjustdev  10 дней назад

      You're very welcome!🙌

  • @elfedericodiaz
    @elfedericodiaz 2 дня назад +1

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

  • @bilimlink
    @bilimlink 25 дней назад +1

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

    • @notjustdev
      @notjustdev  20 дней назад

      Glad it was helpful!🙌

  • @gheonsteenkamp6346
    @gheonsteenkamp6346 3 месяца назад +1

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

    • @notjustdev
      @notjustdev  3 месяца назад

      Thank you for your support 🙌

  • @ibrahimkouma6751
    @ibrahimkouma6751 3 месяца назад +2

    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 RUclips Such in app update, more animation and performance optimisation

    • @notjustdev
      @notjustdev  3 месяца назад +1

      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
      @ibrahimkouma6751 3 месяца назад +1

      @@notjustdev love you Bro from China

  • @johnbauer9907
    @johnbauer9907 6 дней назад +1

    This is a very well done tutorial. Thank You.

  • @askalgorithmi8748
    @askalgorithmi8748 3 месяца назад +1

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

  • @Derek-dc1pj
    @Derek-dc1pj Месяц назад +1

    An excellent tutorial. Very well done!

  • @jenaman0001
    @jenaman0001 22 дня назад +1

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

  • @user-le5cg5qr2c
    @user-le5cg5qr2c 3 месяца назад +2

    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.

  • @ShobhitShah09
    @ShobhitShah09 3 месяца назад +2

    Bravo! appreciate your hard work. 🙌

  • @codingtodev
    @codingtodev 3 месяца назад +1

    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
      @notjustdev  3 месяца назад

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

  • @jeuxdeau2009
    @jeuxdeau2009 3 месяца назад +1

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

    • @notjustdev
      @notjustdev  3 месяца назад

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

  • @yusufariyibi
    @yusufariyibi 3 месяца назад +2

    Excited to begin the journey of 8 hours of intense learning

    • @notjustdev
      @notjustdev  3 месяца назад

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

  • @kgomotsolouisaseema
    @kgomotsolouisaseema 3 месяца назад +2

    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
      @notjustdev  3 месяца назад +1

      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!🚀

  • @ericsonl_
    @ericsonl_ 3 месяца назад +1

    Finally supabase 🔥. Thank you!!

    • @notjustdev
      @notjustdev  3 месяца назад

      You're welcome! Supabase is king!

  • @johnmccants6828
    @johnmccants6828 3 месяца назад +1

    Amazing work!!

  • @mpkogli
    @mpkogli 11 дней назад +1

    👏👏👏Such great content, thank you!

  • @nyanlauncher7350
    @nyanlauncher7350 Месяц назад +1

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

  • @visheshgupta4990
    @visheshgupta4990 3 месяца назад +1

    Thankyou so much for this waiting for this

  • @devileyes4u
    @devileyes4u 3 месяца назад +1

    LIKE for using git in right way, well done!

  • @maheshkarekar3957
    @maheshkarekar3957 3 месяца назад +2

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

    • @notjustdev
      @notjustdev  3 месяца назад

      I'm glad to hear that, great job!

    • @sumitblogs15
      @sumitblogs15 3 месяца назад +1

      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

  • @sridgl1
    @sridgl1 3 месяца назад +1

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

    • @notjustdev
      @notjustdev  3 месяца назад

      Thank you so much 🙌

  • @blimatech
    @blimatech 2 месяца назад +1

    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
      @notjustdev  2 месяца назад

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

  • @PoojaMahadik-yw3em
    @PoojaMahadik-yw3em 3 месяца назад +2

    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
      @notjustdev  3 месяца назад +2

      My pleasure! Thanks for the suggestion, noted 🙌

  • @muhammadjunaid1628
    @muhammadjunaid1628 3 месяца назад +1

    You are just amazing

  • @kyyel4959
    @kyyel4959 Месяц назад +1

    This is amazing, Thank you

  • @rockbelleh6237
    @rockbelleh6237 3 месяца назад +1

    Tnks alot for touching lives. Great content all for free

    • @notjustdev
      @notjustdev  3 месяца назад

      Yes, all for free just for you guys 🙌

  • @berkyilmaz2941
    @berkyilmaz2941 3 месяца назад +1

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

  • @EmiliaKaida
    @EmiliaKaida 3 месяца назад +2

    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
      @notjustdev  3 месяца назад

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

  • @temitopeogunji7655
    @temitopeogunji7655 3 месяца назад +1

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

    • @notjustdev
      @notjustdev  3 месяца назад

      Thank you, my pleasure!

  • @jeffjcd
    @jeffjcd 3 месяца назад +5

    This is AMAAAAAAAZIIIIING Thank You Thank You 🎉❤

  • @CodeSnap01
    @CodeSnap01 3 месяца назад +1

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

  • @Ben-bauvill
    @Ben-bauvill 2 месяца назад +1

    Finally, Supabase!

  • @DudeFashion4U
    @DudeFashion4U 3 месяца назад +1

    thats soo awsome course fully recommended and thanks sir vadim

  • @Vintersorganic
    @Vintersorganic 2 месяца назад +1

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

  • @BryanHoganMe
    @BryanHoganMe 28 дней назад +1

    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
      @kntbruh 26 дней назад +1

      thank u bro

    • @BryanHoganMe
      @BryanHoganMe 26 дней назад

      @@kntbruh Glad to help 👍

    • @rezkibawono7893
      @rezkibawono7893 21 день назад

      I was looking for this thank u so much man

  • @ydafy
    @ydafy 3 месяца назад +1

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

  • @madinaibrahim8125
    @madinaibrahim8125 3 месяца назад +1

    thanks alot for this.

  • @Suhaybkaofficial
    @Suhaybkaofficial 3 месяца назад +1

    Thanks man 🎉❤

  • @ankitdtrital8666
    @ankitdtrital8666 3 месяца назад +2

    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?

  • @MANHWASS
    @MANHWASS 2 месяца назад +2

    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 RUclips so far Thanks a lot!

    • @notjustdev
      @notjustdev  2 месяца назад

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

  • @ismaeltinta6118
    @ismaeltinta6118 3 месяца назад +1

    thank YOU SO MUCH

  • @mustafazouari4961
    @mustafazouari4961 3 месяца назад +1

    amazing job man

  • @gavit633
    @gavit633 3 месяца назад +1

    i appreciate your work 👍👍

    • @notjustdev
      @notjustdev  3 месяца назад +1

      Thank you so much 🙌

    • @gavit633
      @gavit633 3 месяца назад

      @@notjustdev hi sir i'm a web Developer i realy like this cource i had also try another cource but i'm not comfortable with them

  • @sherzies9883
    @sherzies9883 2 месяца назад +1

    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
      @notjustdev  2 месяца назад

      Thanks for your support! Great suggestion! 🙌

  • @maheshkarekar3957
    @maheshkarekar3957 3 месяца назад +1

    Thanks!

    • @notjustdev
      @notjustdev  3 месяца назад

      Thank you so much for your generosity

  • @alzearafat
    @alzearafat 3 месяца назад +3

    The best!

  • @MrWolfenstein22
    @MrWolfenstein22 17 дней назад +1

    thank u king

  • @subbutvl
    @subbutvl 3 месяца назад +1

    Thank you vadim

    • @notjustdev
      @notjustdev  3 месяца назад

      My pleasure, thanks for your appreciation🙌

  • @vasubhanderi4371
    @vasubhanderi4371 3 месяца назад +1

    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
      @notjustdev  3 месяца назад

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

  • @codeandlifestyle
    @codeandlifestyle 3 месяца назад +1

    Awesome ❤🎉🎉

  • @thundergabriel
    @thundergabriel 3 месяца назад +2

    Thanks 🎉 ✅

  • @lalitkumarshahi
    @lalitkumarshahi 3 месяца назад +1

    Thanks ❤

  • @phantazzor
    @phantazzor Месяц назад +1

    if in your tab layout you put the

  • @oliviergeiger332
    @oliviergeiger332 3 месяца назад +1

    Thanks Vadim

  • @ajmalhasan9759
    @ajmalhasan9759 3 месяца назад +1

    Great content

  • @amiribrahim01
    @amiribrahim01 3 месяца назад +1

    thank you

  • @nicoap4315
    @nicoap4315 23 дня назад +1

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

  • @JoeJoe-gh7rn
    @JoeJoe-gh7rn 3 месяца назад +1

    I am here chief. ❤❤❤

  • @davidhombe2313
    @davidhombe2313 3 месяца назад +1

    Waiting with ♥

  • @Ahmed-Lotfy
    @Ahmed-Lotfy 2 месяца назад

    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
      @notjustdev  2 месяца назад

      Couldn't agree more! Thanks for your appreciation 🙌

  • @visheshgupta4990
    @visheshgupta4990 3 месяца назад +47

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

  • @AngelTFC
    @AngelTFC 2 месяца назад

    I think you can register menu index as the root entry point instead of creating an index page at the app level just to redirect?

  • @sandile2540
    @sandile2540 3 месяца назад +2

    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

  • @celinecambier422
    @celinecambier422 28 дней назад +1

    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?

  • @sorrynosalad
    @sorrynosalad 3 месяца назад

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

    • @notjustdev
      @notjustdev  3 месяца назад

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

  • @javascript8461
    @javascript8461 17 дней назад

    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
      @notjustdev  10 дней назад

      Thanks for the sub!🙌

  • @ahmed88167
    @ahmed88167 2 месяца назад

    Thanks