![]() User presses the search button (stretch: or hits enter).If there are no matching jobs, an alert will be printed stating the search term did not yield any results. The goal: The search function will call the api to use it's search query and use the user input to find a list of matching jobs. App.js (aka Search Page since this is the only page I'm building).Note: This deviates from the Think In React article. The common owner component is SearchContent.The SearchContent needs to filter the job list based on state, SearchBar needs to display the search text and the filters in FilterSidebar needs to display the filtered state.Can you compute it based on any other state or props in your component? Yes. ![]() Does it remain unchanged over time? No.Is it passed in from a parent via props? Yes.Identifying The Minimal (but complete) Represenation of UI State This is based off of the Thinking In React article in the React Documentation. I also have not used SCSS with React before. Before I was using Bootstrap and Reactstrap as my component libraries. Note: Ant.Design is a new component library to me. User Interfaceįor the user interface, I have chosen to use: ![]() Note: I chose not to build in NodeJS because, at the moment, I do not know NodeJS - though am excited to learn this after I graduate.
0 Comments
Leave a Reply. |