Coursera Bets $100 Million That Andrew Ng Can Do What Coursera Can’t

Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

CodeSignal

Detail Page, Editing & Deleting

via CodeSignal

Go to class Write review

Overview

You’ll implement a dynamic task detail page with edit and delete capabilities, plus a “Mark Complete/Incomplete” toggle. You’ll also add optimistic feedback, modal confirmation, and ensure dashboard and list pages always stay in sync after edits, deletions, and new creations.

Syllabus

  • Unit 1: Task Detail Page Editing
    • Exploring the Task Detail Page and Editing Features
    • Passing Props to Button and TaskForm Components
    • Implementing Data Fetching and Page State Handling
    • Implementing Update and Delete Actions
  • Unit 2: Delete Confirmation Modal
    • Exploring the New Delete Confirmation Modal
    • Adding the Delete Modal State and Trigger
    • Fetching and Updating the Task Data
    • Building the Reusable Modal Component
  • Unit 3: Optimistic Status Toggle
    • Exploring the Optimistic Status Toggle
    • Keeping Pages in Sync with SWR
    • Implementing the Optimistic Status Toggle

Reviews

Start your review of Detail Page, Editing & Deleting

Go to class

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free
Someone learning on their laptop while sitting on the floor.