Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

New lesson: React Part 6 - Connecting an API #1338

Closed
vegetabill opened this issue Apr 11, 2020 · 1 comment
Closed

New lesson: React Part 6 - Connecting an API #1338

vegetabill opened this issue Apr 11, 2020 · 1 comment
Labels
MEDIUM Intermediate length or difficulty priority get this done first if possible

Comments

@vegetabill
Copy link
Collaborator

vegetabill commented Apr 11, 2020

The previous lessons focused on building an in-memory app but now we want to integrate with API's.

Prereqs

Use our Lesson Template v2

Topics to Cover

  • Async API calls
    • Fetching initial data - showing a spinner or other feedback to the user while that is happening
  • Submitting a form to an API
  • After adding/editing data, updating the state so the data changes

Guided Practice

  • Convert an in-memory TODO app from Part 5 to use an API
  • The API should already exist. Building it should not be in the scope of this lesson
  • Find or build a repo that has a simple CRUD API for the TODOs using Express/Node (doesn't need a database but if it uses Postgres, that's fine)

This lesson should go in the ./react-js/react-part-6-apis.md and a link added to the main README.md along with the other React lessons.

@vegetabill vegetabill added gssoc20 HARD Large or complex task not-for-gssoc and removed HARD Large or complex task gssoc20 labels Apr 12, 2020
@stale
Copy link

stale bot commented May 30, 2020

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

@stale stale bot added the wontfix label May 30, 2020
@alodahl alodahl added the priority get this done first if possible label Jun 19, 2020
@vegetabill vegetabill changed the title React Part 5 - Unidirectional Data Flow & Async React Part 5 - Connecting an API Jun 24, 2020
@vegetabill vegetabill added pinned and removed pinned labels Jun 24, 2020
@vegetabill vegetabill changed the title React Part 5 - Connecting an API New lesson: React Part 5 - Connecting an API Mar 15, 2021
@vegetabill vegetabill added the HARD Large or complex task label Mar 15, 2021
@alodahl alodahl changed the title New lesson: React Part 5 - Connecting an API New lesson: React Part 6 - Connecting an API Aug 27, 2021
@alodahl alodahl added MEDIUM Intermediate length or difficulty and removed HARD Large or complex task labels Aug 27, 2021
@alodahl alodahl closed this as completed Oct 3, 2021
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
MEDIUM Intermediate length or difficulty priority get this done first if possible
Projects
None yet
Development

No branches or pull requests

2 participants