🦊 Search and File Uploads 🦊

🗓️ Today’s Topics

• Implementing search in your application 🔍
• Images
• File Uploads: forms and requests

Example Request to Upload a File

This is an update (notice the PUT verb) to an existing record. In this case you are including the file itself as the body of the request (notice it in the second position as an argument to put()) and setting specific headers required by the server to handle the binary file attachment.

axios.put(url, file, {
  headers: {
    Authorization: 'Token ' + token,
    'Content-Type': file.type,
    'Content-Disposition': `attachment; filename=${file.name}`
  }
}).then(res = res.data)

📖 Read | 📺 Watch | 🎧 Listen

• What Are HTTP Query Params?
• How to Build a Search Bar in React

🔖 Resources

• Generate random images from Unsplash without an API
• Uncontrolled components
• Refs and the DOM - class-based component examples
• useRef hook
• Using files from web applications
• Custom hook recipes
• More custom hooks
• Official React docs on custom hooks