In this video, see how to build a quick search method for your database, so you can find a specific user once the list gets a bit unwieldly.
- [Instructor] Alright so, it's time to add…some search functionality to our application.…So, to do that I am in attendees.js…and right after this headline level one,…going to add some additional Bootstrap code here.…So, let's go ahead and add a div…and this is going to be a Bootstrap card…which we've used before with a light background…and a margin at the bottom of four units.…Alright, so inside that, then I'm going to do…another div with a className of card-body…and text-center, enter…and finally then in there we will add our input field.…
Actually, input's going to be like a field that's self-closed.…So, input, type is going to be text,…name is going to be searchQuery.…For value, going to put a value of this.state…and searchQuery and I'll have to add that one in a minute…and I'll give it placeholder…and it should have a className of form-control and then.…
And whenever I change this, I'm going to execute…a local method called handleChange.…Alright, let's go ahead and save that…and this will pretty it up a little bit…
- Integrating Firebase
- Managing state in forms
- Registering users
- Logging users in and out
- Creating, editing, and deleting records from Firebase
- Filtering and searching data
Skill Level Intermediate
1. Getting Started
2. Routing and Connecting to a Database
3. Registering and Logging In Users
4. Working with Firebase Data
5. Working with Attendees
6. Filtering and Searching
Next steps1m 22s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.