Khaoula's DEV tutos
Khaoula's DEV tutos
  • Видео 6
  • Просмотров 5 470
Simplified Login and Registration with React Native | Expo SQLite | Navigation Tutorial 2024
Welcome to Khaoula's DEV Tutos! In this tutorial, I'll guide you through creating a simplified Login and Registration system using React Native, Expo-SQLite, complete with navigation between screens.
🔹 What you'll learn:
Setting up the SQLite database with Expo
Creating a Login screen
Creating a Registration screen
Navigating between Login, Registration, and Home screens
🔗 Resources:
React Native Documentation: reactnative.dev/docs/getting-started
Expo Documentation: docs.expo.dev/get-started/installation/
Expo SQLite Documentation: docs.expo.dev/versions/latest/sdk/sqlite/
React Navigation Documentation: reactnavigation.org/docs/getting-started/
GitHub Repository: github.com/khaoulasdevtutos/login....
Просмотров: 1 947

Видео

How to Use Expo Camera and Media Library in React Native | Capture and Save Photos Tutorial 2024
Просмотров 1 тыс.3 месяца назад
Welcome to Khaoula's DEV Tutos! In this tutorial, I'll guide you through the process of using Expo Camera to capture photos and Expo Media Library to save them in React Native. 🔹 What you'll learn: Setting up the React Native environment with Expo Requesting and handling camera and media library permissions Capturing photos using Expo Camera Saving photos to the device using Expo Media Library ...
How to Create a Student List App with React Native & Expo | useSQLiteContext & SQLiteProvider 2024
Просмотров 1,9 тыс.4 месяца назад
Welcome to Khaoula's DEV Tutos! In this tutorial, I'll guide you through the process of creating a student list app using React Native and Expo, with useSQLiteContext and SQLiteProvider for efficient database management. 🔹 What you'll learn: - Setting up the React Native environment with Expo - Implementing useSQLiteContext and SQLiteProvider - Adding, viewing, and deleting student records - Be...

Комментарии

  • @Smurfis
    @Smurfis 2 дня назад

    Does SQLite actually keep and save databases and where?

  • @OffHamza
    @OffHamza 19 дней назад

    Thank you

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

    awesome...This video is very helpful for me..

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

    great stuff, genuinely what i was looking for, all the old tutorials followed the old pre-sdk 51 syntax for expo-sqlite and the docs didnt help me either, this video did though 👍

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

    Help, i copied everything and its okay in the emulator when im developing but when i try to build it to an apk its just a white screen

  • @NguyenHoangVu-mv7lu
    @NguyenHoangVu-mv7lu 2 месяца назад

    The greatest! Thank you so much....

  • @JorgeRivera-rp1zw
    @JorgeRivera-rp1zw 3 месяца назад

    Awesome video..! Awesome you answer the asks..?

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

      Thank you so much! 😊 I'm glad you enjoyed the video. If you have any questions or requests, feel free to ask-I'm here to help!

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

    please make a video tutorial for facial recognition and to get names with reac native expo

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

      Thank you for your suggestion and support! 😊 I appreciate your request, and I'll definitely work on it for future videos. Stay tuned and don't forget to subscribe to get notified when the new content is released!

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

    Thank you so much, the video was helpful with the new update of expo-camera. May you make a video about using the audio too? Thank's

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

      Thank you so much for your feedback! 😊 I'm glad to hear that the video was helpful ! Great suggestion! I will definitely consider making a video about using audio in React Native with Expo. Stay tuned, and don't forget to subscribe and hit the bell icon to get notified when the new video is released! Thank you again for your support!

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

    Awesome !!

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

      Thank you so much! 😊 I'm glad you enjoyed the video. Stay tuned for more tutorials, and don't forget to subscribe for updates!

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

    I appreciate the effort you put into making this video, brother. It helps a lot. Hoping for a multi-step registration tutorial using React Native, Expo, and SQLite soon.

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

      Thank you so much for your kind words! 🙏 I'm thrilled to hear that the video was helpful for you. I’ll definitely consider A multi-step registration tutorial for a future video. Stay tuned!

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

      @@KhaoulasDEVtutos thanks a lot!

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

    Very helpful. This is amazing! Definitely recommend this one! 🥰

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

      Thank you so much for the recommendation! 😊 I'm really glad you found the tutorial helpful.

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

    1st comment here thank you so much 🥰

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

      Thank you for being the first to comment! 😊 I'm glad you liked the video. Your support means a lot!

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

    Hi Khaoula's DEV tutos where can I see the data inserted? I want to view the data just like in DB Browser (SQLite). Thanks Man

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

      Hi helthtips00-i8h, Thanks for watching the tutorial and for the brilliant question! To view the data inserted into the SQLite database just like in DB Browser for SQLite, you can follow these steps: 1- Locate the Database File: First, use the Device Explorer in Android Studio to find the location of your database file. Typically, Expo stores databases in the /data/data/host.exp.exponent/files/SQLite directory. 2- Make sure your app is running. 3- Access the Database File: Open a terminal or command prompt on your computer and use the following commands to access and pull the database file from the emulator: adb shell cd /data/data/host.exp.exponent/files/SQLite exit adb pull /data/data/host.exp.exponent/files/SQLite/example.db ~/example.db This will copy the database file to your home directory on your local machine (make sure to replace 'example.db' by your database name). 4- Open the Database File in DB Browser for SQLite: Download and install DB Browser for SQLite if you haven't already: Open DB Browser for SQLite. Click on File > Open Database. Navigate to the example.db file you pulled from the emulator and open it : it should be in your home directory (macOS) || C:\Users\YourUsername (Windows) || /home/YourUsername (Linux). 5- Browse and Inspect Your Data: Use the Browse Data tab to view and inspect the tables and data within your database. By following these steps, you'll be able to see the data inserted into your SQLite database, just like in DB Browser for SQLite. The best part is that 'adb' works without needing to install anything extra as it comes bundled with Android Studio. Let me know if you have any more questions! Happy coding!

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

    Thank you so much for this. Hoping soon Login and Registration using React Native Expo with SQLite 😇🙂😊

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

      Thank you so much for your support! I'm glad you enjoyed the tutorial. Sure! stay tuned, I'll soon be creating a tutorial on Login and Registration using React Native Expo with SQLite. Don't forget to subscribe and hit the bell icon to get notified when the new video is released! Happy coding! 😊

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

      @@KhaoulasDEVtutos Thanks a lot Buddy ❤

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

      Hi again! 😊 I wanted to let you know that the tutorial on Login and Registration using React Native Expo with SQLite is now live! You can watch it here: ruclips.net/video/tOrIqrwABu4/видео.html Thank you again for your support! Don't forget to like, comment, and subscribe for more tutorials. Happy coding!

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

      @@KhaoulasDEVtutos thank you so much this is very helpful , your amazing bro!

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

    Great job !!

  • @verawat
    @verawat 4 месяца назад

    Thank you for your tutorial. I came from THAILAND

    • @KhaoulasDEVtutos
      @KhaoulasDEVtutos 4 месяца назад

      Thank you so much for your comment! 😊 and welcome to my channel ! If you have any questions or topics you'd like me to cover, feel free to let me know. Keep coding and stay awesome!

  • @TimothyKimemia
    @TimothyKimemia 4 месяца назад

    Has anyone tested with a physical device? I have an Android Nokia phone and tried typing but no text or number is displaying in the TextInput. Maybe this is an error on my side ... I do not know but nothing is happening Please assist

    • @KhaoulasDEVtutos
      @KhaoulasDEVtutos 4 месяца назад

      Thank you so much for your comment! Personally, it's working on my device! Please ensure that the TextInput fields are correctly styled and not obstructed by other UI elements. Try adding width: '100%' and color: '#000' to the TextInput styles to ensure visibility. Additionally, confirm that the keyboard is focusing correctly by testing on multiple devices. If the issue persists, log state updates to ensure onChangeText is firing properly. Also, make sure your Expo and SQLite setup is correct and not interfering with the TextInput components. you may also add an explicit focus method call on the TextInput when it is pressed to ensure the keyboard opens correctly : import { useRef } from 'react'; //don't forget to import useRef const firstNameRef = useRef(null); const handleFocus = (inputRef) => { inputRef.current?.focus(); }; <TextInput ref={firstNameRef} style={styles.input} value={student.firstName} onChangeText={(text) => setStudent({ ...student, firstName: text })} onFocus={() => handleFocus(firstNameRef)} /> I recommend also to use TextInput in isolation: temporarily remove other functionalities and test with just the TextInput components to isolate the problem. If you have any more questions or topics you'd like me to cover, feel free to let me know. Keep coding and stay awesome!

  • @sara58116
    @sara58116 4 месяца назад

    Thank you so much for this video! I have been looking for expo-sqlite without legacy for a long time. I'm so glad I finally found what I was looking for. Keep up the great work !!!

    • @KhaoulasDEVtutos
      @KhaoulasDEVtutos 4 месяца назад

      Thank you so much for your kind words! 😊 I'm really glad to hear that the video was helpful for you in finding the solution you were looking for with expo-sqlite. Your support means a lot, and it motivates me to keep creating more content. If you have any more questions or topics you'd like me to cover, feel free to let me know. Keep coding and stay awesome!

  • @mirzannp5410
    @mirzannp5410 4 месяца назад

    github link please

    • @KhaoulasDEVtutos
      @KhaoulasDEVtutos 4 месяца назад

      Thank you so much for your comment! 😊 You can find the code for this project on my GitHub: github.com/khaoulasdevtutos/listOfStudents.git. If you have any more questions or topics you'd like me to cover, feel free to let me know. Keep coding and stay awesome!