Feature fetch bookings
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 58/100
- Issue type
- Feature
- Clarity
- Clearly specified
- Activity status
- Stale
- Tech stack
- javascript, react
- Domain
- frontend
Research direction
Start in the component and compare its current data source with data/fakeBookings.json. Use the issue's useEffect, fetch(), and https://cyf-react.glitch.me guidance, then verify the customers data still displays correctly in the table and that the first-render console message appears once after refresh.
Written by the indexing model from the issue text.
Description
16. Load bookings remotely
Instructions:
Instead of getting the existing bookings from the file data/fakeBookings.json, we will get and load the bookings from a remote API. In the <Bookings /> component, use the React function useEffect to console.log() some text only when the page first renders on the screen. Verify that when you refresh the page, the text appears once in the console. Then, in the useEffect function, use the fetch() function to get data from https://cyf-react.glitch.me.
Try to pair or mob on this feature.
Hints:
- Replace
FakeBookingsin the bookings state and initialise it with[](because we haven't fetched any results yet!) - After calling the
fetch()function, use.then()to handle the response. Try looking at your Pokemon app that you worked on in class for an example - When the response comes back, use
setBookingsto update the results
Test:
- Verify the customers data are still displayed correctly in the table.
- Dominant language
- JavaScript
- Stars
- 1
- Forks
- 28
- PR merge metrics
- No merged PRs in 30d
Contributor guide
No contributing guide indexed for this repository
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from CodeYourFuture/React-Module-Project
-
♟️ Dependent ticket 🏕 Priority Mandatory 🐇 Size Small 📅 Week 3 📅 Week 4
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
-
🏕 Priority Mandatory 🐂 Size Medium 📅 Week 4 🧩 Feature
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
-
Feature Search State Open🐂 Size Medium 📅 Week 3 🧩 Feature
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
-
Feature Active Row Open🏝️ Priority Stretch 🐂 Size Medium 📅 Week 2 🧩 Feature
Difficulty 2/5 1-3 hours Newbie friendliness 65/100
-
🏕 Priority Mandatory 🐇 Size Small 📅 Week 2 🧩 Feature
Difficulty 1/5 Under an hour Newbie friendliness 68/100
All issues in CodeYourFuture/React-Module-Project
Similar issues
-
bug customer-eng Durable Agents Inngest status: needs triage
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
-
optimization optimization:agents-md-curator
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
githubnext/gh-aw-cao#13475 ·
-
[BUG]: "Clear All" in Settings doesn't clear the saved analysis, old data comes back after reload Openbug
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
AOSSIE-Org/OrgExplorer#253 · 1 comment ·
-
Difficulty 2/5 1-3 hours Newbie friendliness 88/100
oxc-project/oxc#26944 ·
-
ai-observability bug team/ai-observability
Difficulty 2/5 1-3 hours Newbie friendliness 78/100