🦊 React + AJAX & APIs 🦊

🗓️ Today’s Topics

• How AJAX and APIs work
• The useEffect hook
• How to make AJAX calls from React using Axios

🎯 Project

This project is due next Monday. We’ll check in on progress at each class meeting between now and then.

React Trivia. Your goal today is to get a list of trivia categories showing on the page.

🔖 Resources

AJAX in React

• Axios on GitHub
  • Axios docs: Getting Started
  • Axios: making a POST request
  • Axios Request Config
  • Axios Response Schema
• Notes: JS for React
• React Official Docs: AJAX and APIs

useEffect()

• Official React docs
• Ryan Florence tweet summarizing useEffect
• Dave Ceddia: How useEffect Works, with Examples

How to Think About Building Things in React

• Thinking in React
• Thinking in React 2020
• Thinking “declaratively” in React
• Props vs. State - blog post
• Using State vs Props in React - video

Conditional Rendering and Handling Events

• 4 Techniques for Conditional Rendering in React
• Handling Events in React

👾 Code

• React Devs for Hire
• Video: use data from an AJAX request in state and in JSX
• CodePen flexbox example
• CodePen grid example