React Advanced Data Management

[niksseif]

Changes Requested in Issue:

• Current lesson presents useState() and useEffect() in the context of how to use them instead of the way students had been doing it using class components.
• Need to update this lesson so that it is not relying on the context of class components.

• This lesson should introduce students to:

  • The useEffect() hook
  • How to make network requests in their React applications
  • Conditional rendering
  • Create repo (or branch) and activity for students to be able to implement useEffect, fetch and conditional rendering. The current repo/activity linked in this lesson is being used in the class components lesson. Students will be refactoring the class components into functional/hooks in that lesson

  Changes Made:

• [x] Updated the lesson to remove reliance on class components and instead focus on using functional components with hooks like useEffect().
• [x] Introduced the useEffect() hook and explained its purpose and usage.
• [x] Added a section on making network requests in React applications, demonstrating how to fetch data.
• [x] Included a section on conditional rendering, showcasing how to conditionally display components based on certain conditions.
• [x]Created a new repository for students to implement the concepts of useEffect, fetch, and conditional rendering.
• [x] This lesson will be partially cover the React lifecycle method "deprecated Advanced Data Management" and the "Intermediate React hooks" lesson.

Please review the changes and let me know if there's anything else that needs to be addressed.

[netlify[bot]]

✅ Deploy Preview for sage-cupcake-e1a0c3 ready!

Name	Link
🔨 Latest commit	54b4deb95251109f9897b28ea3e85d5a308d2acd
🔍 Latest deploy log	https://app.netlify.com/sites/sage-cupcake-e1a0c3/deploys/6490997a5c19b2000886b19e
😎 Deploy Preview	https://deploy-preview-712--sage-cupcake-e1a0c3.netlify.app/lessons/module-3/react-3-advanced-data-management
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site settings.

[niksseif]

Missing pieces to add to this lesson :

1. Exercise repo

[niksseif]

Thanks Leta for your suggestions - Fixed them all.