From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase
Join today to access over 24,400 courses taught by industry experts.
Implement a search and filter function
From the course: Building Production-Ready React Apps: Setup to Deployment with Firebase
Implement a search and filter function
- [Instructor] Now we add one additional feature that anyone will find useful. This is a search function, to deliver the right content to users within milliseconds. So we already have the components, the search form, right here. And we want to make this one functional. First we want to create a stateful search component, manage the form. So we're going to use the internal states of this form. And the final goal will be to filter the results from a list of data based on the user input. So we have this list of data. This collection of images that we get from the database. So what we want to do with this search component is to allow to only display the results based on the user input with this search component. So let's go back to the source code. And we look for this component, which is the nav bar. Inside you're going to find this search form. So for now, this is stateless, and we want to create a stateful search component.…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.
