How to Create a Student List App with React Native & Expo | useSQLiteContext & SQLiteProvider 2024

  Рет қаралды 2,311

Khaoula's DEV tutos

Khaoula's DEV tutos

Күн бұрын

Пікірлер: 21
@sara58116
@sara58116 5 ай бұрын
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 5 ай бұрын
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!
@verawat
@verawat 5 ай бұрын
Thank you for your tutorial. I came from THAILAND
@KhaoulasDEVtutos
@KhaoulasDEVtutos 5 ай бұрын
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!
@Ihcim007
@Ihcim007 5 ай бұрын
Thank you so much for this. Hoping soon Login and Registration using React Native Expo with SQLite 😇🙂😊
@KhaoulasDEVtutos
@KhaoulasDEVtutos 5 ай бұрын
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 5 ай бұрын
@@KhaoulasDEVtutos Thanks a lot Buddy ❤
@KhaoulasDEVtutos
@KhaoulasDEVtutos 5 ай бұрын
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: kzbin.info/www/bejne/qoDVeqSorKZ1q5Y Thank you again for your support! Don't forget to like, comment, and subscribe for more tutorials. Happy coding!
@Ihcim007
@Ihcim007 5 ай бұрын
@@KhaoulasDEVtutos thank you so much this is very helpful , your amazing bro!
@JorgeRivera-rp1zw
@JorgeRivera-rp1zw 4 ай бұрын
Awesome video..! Awesome you answer the asks..?
@KhaoulasDEVtutos
@KhaoulasDEVtutos 4 ай бұрын
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!
@EduardElkanov
@EduardElkanov 26 күн бұрын
thanks for this video! when viewing data, age display correctly, but when i try editing in a TextInput, student.age is empty! I think it's a data type integer issue!
@adrianguz1799
@adrianguz1799 3 ай бұрын
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 👍
@Ihcim007
@Ihcim007 5 ай бұрын
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 5 ай бұрын
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!
@otodidak_misaja5725
@otodidak_misaja5725 4 ай бұрын
please make a video tutorial for facial recognition and to get names with reac native expo
@KhaoulasDEVtutos
@KhaoulasDEVtutos 4 ай бұрын
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!
@TimothyKimemia
@TimothyKimemia 5 ай бұрын
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 5 ай бұрын
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(); }; 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!
@mirzannp5410
@mirzannp5410 5 ай бұрын
github link please
@KhaoulasDEVtutos
@KhaoulasDEVtutos 5 ай бұрын
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!
Mobile Devs Hate Servers. Expo Wants To Fix That.
16:05
Theo - t3․gg
Рет қаралды 76 М.
Мен атып көрмегенмін ! | Qalam | 5 серия
25:41
IL'HAN - Qalqam | Official Music Video
03:17
Ilhan Ihsanov
Рет қаралды 700 М.
Mom Hack for Cooking Solo with a Little One! 🍳👶
00:15
5-Minute Crafts HOUSE
Рет қаралды 23 МЛН
Sqlite on React Native with op-sqlite
12:33
Oscar Franco
Рет қаралды 1,3 М.
Persistência de Dados com Expo SQLite no React Native
22:48
Mobile Dev Andre
Рет қаралды 1,4 М.
Jacob Arvidsson - Micro app architecture with expo | App.js Conf 2024
19:29
Why Does Diffusion Work Better than Auto-Regression?
20:18
Algorithmic Simplicity
Рет қаралды 400 М.
Migrating from React Navigation to Expo Router
20:37
Simon Grimm
Рет қаралды 13 М.
React Native Database & User Authentication
27:38
Supabase
Рет қаралды 30 М.