Learn how React works and what you can do with it. Get started with writing and running React code.

React for Front-End Developers

Learn how React works and what you can do with it. Get started with writing and running React code. Get familiar with the intricacies of React. Start making use of the full extent of its capabilities.

The Road to React: The one with Hooks

## Task

* (1) Do not show the current search as a button, only the five preceding searches. 
* (2) Don't show duplicated searches. Searching twice for "React" shouldn't create two different buttons.  
* (3) Set the SearchForm component's input field value with the last search term if one of the buttons is clicked.

**Hints**
- Adapt the `getLastSearches` function for (1).
- Adapt the `getLastSearches` function for (2).


# Task

* (1) Do not show the current search as a button, only the five preceding searches. 
* (2) Don't show duplicated searches. Searching twice for "React" shouldn't create two different buttons.  
* (3) Set the SearchForm component's input field value with the last search term if one of the buttons is clicked.

**Hints**
- Adapt the `getLastSearches` function for (1).
- Adapt the `getLastSearches` function for (2).


Try to avoid showing duplicates searches. 

Fundamentals of React

React Legacy

Styling in React

React Maintenance

Fun Challenges

Challenge: Avoiding Duplicates

Task