🦊 React + AJAX & APIs 🦊

🗓️ Today’s Topics

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

🎯 Project: React Slideshow

This project is due by class time tomorrow.

React Slideshow

📖 Read | 📺 Watch | 🎧 Listen

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

🔖 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

Conditional Rendering and Handling Events

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

👾 Code

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