👉Demo👈
A simple project which allows users to search for images.
- Event Handlers - using inputs/forms to pass in a callback function using props. When the element (input/form) is called it will emit the event and trigger the callback function.
- Arrow function syntax - makes sure we are calling the correct props during a callback event.
- Rendering a list of images - learnt how to use a map function to render a list.
- React Keys - using react keys on images to improve efficiency during rendering.
- React Ref - learnt how to access single elements in the DOM and retrieve its data.
- Axios - used axios.create() to send the GET request to the unsplash API.
- Bonus: Grid CSS system - loaded the images in a grid without any white space.
- React
- Unsplash API
- Axios
- Semantic UI - for CSS