🦊 React + AJAX & APIs 🦊

🗓️ Today’s Topics

• More about using state in React
• Conditional rendering
• How to make AJAX calls from React using Axios
• The useEffect hook

🎯 Project: React Slideshow

This project is due by class time tomorrow.

React Slideshow

🔖 Resources

How to Think About Building Things in React

• Understanding what it means to be declarative instead of imperative - video
• Thinking in React
• Thinking in React 2020
• Thinking “declaratively” in React

Props and State

• Props vs. State - blog post
• Using State vs Props in React - video

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

Conditional Rendering and Handling Events

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

👾 Code

• React Devs for Hire
• CodePen flexbox example
• CodePen grid example
• React Freeshelf