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

Forms, Validation & Creating Tasks

via CodeSignal

Go to class Write review

Overview

You’ll build reusable form inputs and a task form with client-side validation using React Hook Form and Zod. Then you’ll create a “New Task” page to POST data to the backend and show toasts + redirect on success.

Syllabus

  • Unit 1: Reusable Forms and Validation
    • Exploring the Task Creation Form
    • Defining the Zod Validation Schema
    • Using the Reusable Input Component
    • Building the Reusable Input Component
  • Unit 2: UX Utilities and API Client
    • Exploring Toast Notifications and the Mock API Page
    • Adding a Mock Route and Toast Provider
    • Simulating API Requests and Toast Feedback
    • Creating the Toast Context and Hook
    • Building the Reusable API Client
  • Unit 3: New Task Page UI
    • Exploring the New Task Creation and Global UI States
    • Implementing Global Loading and Error UI
    • Simulating Client-Side Loading and Error States
    • Implementing Task Creation Logic with Toasts and Navigation

Reviews

Start your review of Forms, Validation & Creating Tasks

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.