17 React Native Filter Data

Objective: Implementing Search/filter (by name) functionality On Student Data being displayed on React Native Mobile Application in Tabular format

Current State (after last video)
1. Run Django API on local IP address
2. Open React Native Mobile App code in VS Code
3. Run Mobile App on Android Emulator (developed so far, with sorting students data functionality)

Steps:
---------
1. Reviewing the exisitng code of Student.jsx
2. remove the redundent old code (which is already commented)
3. create 'namefilter'and 'studentsall' variables in Student.jsx
4. update 'refreshList' function to give value to 'studentsall'
5. define 'filterstudents' function
6. define 'clearfilter' function
7. update return expression to include script to create buttons and input field
8. Run the app and test filter/search functionality

Note that styles .headerRow and .cell are already defined

Видео 17 React Native Filter Data канала Dr Umair Abdullah