18 React Native Delete Student Record

Опубликовано: 09 Август 2024
на канале: Dr Umair Abdullah
59
1

Video Objective: Implementing Delete Student Record Functionality in our React Native Mobile Application by adding a delete button ('X') at the end of every student record row.
Passing student id to Django API in order to delete the student record from MS SQL database.

Current State (after last video)
1. DjangoAPI running on local IP address (with delete student record endpoint)
2. React Native Mobile App code is open in VS Code
3. Mobile App running on Android Emulator (developed so far, with filter/search student functionality)

Steps:
---------
1. Reviewing the existing code of Student.jsx
2. Add some student records from Django Admin site, use Superuser credentials (created in initial videos)
3. Define 'UseFocusEffect' so that newly added records are displayed on Mobile App
4. Define 'deleteStudent' function
5. Update 'renderItem' function to add Delete button 'X' in every row
6. Include 'deleteButton' and 'buttonText' formats in 'styles'
7. Test the delete student record funationality from React Native mobile app


На этой странице сайта вы можете посмотреть видео онлайн 18 React Native Delete Student Record длительностью часов минут секунд в хорошем качестве, которое загрузил пользователь Dr Umair Abdullah 09 Август 2024, поделитесь ссылкой с друзьями и знакомыми, на youtube это видео уже посмотрели 59 раз и оно понравилось 1 зрителям. Приятного просмотра!