Commits

Branch selector

 master

User selector

All users

Datepicker

All time

Commit History

Commits on Aug 19, 2025

• Zod Transform (Pet Default Image) - Description: Zod can transform data for us; clumsy way with type casting; imageUrl for the form (we add it to the formData in case it is empty in the form) V326 …

  Show description for 6666764
  libertycoverage

  committed
  6666764

  Copy full SHA for 6666764

Commits on Aug 6, 2025

• Infer TypeScript Type From Zod - Description: Zod can infer TypeScript types for us; Infer the type of the form (PetSoft) V325

  libertycoverage

  committed
  83ba67f

  Copy full SHA for 83ba67f

• Validation With Zod - Description: Instead of using the built-in validation of React-Hook-Form, we're going to use Zod for validation; Zod, something optional in the Zod schema; connect Zod schema …

  Show description for c0a7b17
  libertycoverage

  committed
  c0a7b17

  Copy full SHA for c0a7b17

Commits on Jul 29, 2025

• Validation With Native React-Hook-Form - Description: React-Hook-Form offers built-in validation; trigger the form (PetSoft) V323

  libertycoverage

  committed
  79f5147

  Copy full SHA for 79f5147

Commits on Jul 25, 2025

• React-Hook-Form (Setup) - Description: We are going to let React-Hook-Form take control of the entire form; validation in the form; React Hook Form 's register function; HINT useState syntax with T…

  Show description for 0c3f620
  libertycoverage

  committed
  0c3f620

  Copy full SHA for 0c3f620

Commits on Jul 23, 2025

• Prisma Types (+ Remove Loading States) - Description: Our Prisma model can be the one source of truth of how data is structured. Prisma types help with consistent types across the whole app. - Typi…

  Show description for 91c5dbb
  libertycoverage

  committed
  91c5dbb

  Copy full SHA for 91c5dbb

Commits on Jun 17, 2025

• Optimistic UI For Edit And Checkout (delete) - Description: Full CRUD with optimistic UI. (PetSoft) V320

  libertycoverage

  committed
  85a4fa0

  Copy full SHA for 85a4fa0

Commits on May 2, 2025

• Revert Optimistic Update - Description: If something goes wrong on the server, our optimistic update on the client needs to be undone ('reverted'). Simulating an error with the database (PetSoft) V318

  libertycoverage

  committed
  6e4795f

  Copy full SHA for 6e4795f

Commits on May 1, 2025

• FlushSync (Advanced React) - Description: React may batch state updates together. Use flushSync() to force updates synchronously. That is a solution for not closing immediately a dialog window when…

  Show description for 4aada49
  libertycoverage

  committed
  4aada49

  Copy full SHA for 4aada49

Commits on Apr 30, 2025

• UseOptimistic For Optimistic UI - Description: We can update the UI optimistically with useOptimistic(), thereby removing the need for a loading state;

  Show description for ccfae07
  libertycoverage

  committed
  ccfae07

  Copy full SHA for ccfae07

Commits on Mar 8, 2025

• UseTransition For Server Actions (Loading State) - Description: To get a loading state with server actions outside forms, use useTransition(). button disabled={isPending} (PetSoft) V314

  libertycoverage

  committed
  01bd962

  Copy full SHA for 01bd962

• CheckoutPet Server Action - Description: Continue with CRUD with server actions. (PetSoft) V313

  libertycoverage

  committed
  84cbac3

  Copy full SHA for 84cbac3

• EditPet Server Action - Description: Continue with CRUD with server actions. (PetSoft) V312

  libertycoverage

  committed
  f7735d3

  Copy full SHA for f7735d3

• Error State (Sonner Toast) - Description: Use Sonner toasts for error message; try catch; UseFormState example (PetSoft) V311

  libertycoverage

  committed
  c09ba02

  Copy full SHA for c09ba02

Commits on Mar 2, 2025

• UseFormStatus (Loading State) - Description: An easy loading state with Server Actions (in forms); pending state (PetSoft) V310

  libertycoverage

  committed
  86c70bb

  Copy full SHA for 86c70bb

Commits on Feb 23, 2025

• Server Action Refactoring - Description: All the code within the action attribute runs on the client. Only the server action runs on the server; closing the dialog refactoring with Server Action (P…

  Show description for 65e44da
  libertycoverage

  committed
  65e44da

  Copy full SHA for 65e44da

Commits on Feb 22, 2025

• useMemo pets.filter (PetSoft) V308

  libertycoverage

  committed
  f5899e1

  Copy full SHA for f5899e1

Commits on Feb 21, 2025

• RevalidatePath In Server Actions - Description: To update the UI from a server action, use revalidatePath(). debugging useState (PetSoft) V307

  libertycoverage

  committed
  2e3d648

  Copy full SHA for 2e3d648

Commits on Feb 20, 2025

• Cleanup: Default Image - Description: Clean up the default image for pets. (PetSoft) V306

  libertycoverage

  committed
  ad4a787

  Copy full SHA for ad4a787

• Action Instead Of OnSubmit - Description: We can now use either the 'action' attribute or the 'onSubmit' attribute for forms in Next.js with server actions -- the 'action' attribute is better for p…

  Show description for b033ebd
  libertycoverage

  committed
  b033ebd

  Copy full SHA for b033ebd

Commits on Feb 16, 2025

• AddPet Server Action - Description: Server actions may be the biggest innovation in Next.js -- learn how to use it by adding a pet; persisting mutations; making API endpoints in the past; these day…

  Show description for 0d2eab2
  libertycoverage

  committed
  0d2eab2

  Copy full SHA for 0d2eab2

Commits on Jan 29, 2025

• Get Data From Database (Prisma Client) - Description: Replace the fetch() calls with Prisma Client calls to get data; await prisma.pet.findMany() (PetSoft) V303

  libertycoverage

  committed
  92f2bfe

  Copy full SHA for 92f2bfe

• Add Database (Prisma Setup + Seed) - Description: Set up a local sqlite database and use Prisma to interact with it. Seed the database for initial pets data to play with. (PetSoft) V302

  libertycoverage

  committed
  abd0d29

  Copy full SHA for abd0d29

Commits on Jan 28, 2025

• Edit Pet Pt. 2 - Description: Finish editing a pet; handleEditPet; conditional logic where usage of handleEditPet (PetSoft) V301

  libertycoverage

  committed
  721ca87

  Copy full SHA for 721ca87

Commits on Jan 26, 2025

• Edit Pet Pt. 1 (Prefill Form) - Description: Allow user to edit a pet. Prefill the form with pet's data; defaultValue on Input field, actionType, conditional logic; selectedPet?.name (PetSoft) V300

  libertycoverage

  committed
  3528ee6

  Copy full SHA for 3528ee6

• Close Dialog - Description: Close the dialog after form has been submitted; onFormSubmission prop and function for the form; How do we programmatically close the dialog; Dialog open and onOpenChang…

  Show description for 75f6572
  libertycoverage

  committed
  75f6572

  Copy full SHA for 75f6572

Commits on Jan 25, 2025

• Add Pet Pt. 2 - Finish adding a pet; logging data from the form - formData.entries(); add form data to the list; handleAddPet in pet-context-provider.tsx; solutions for mutiple errors; making all d…

  Show description for 8eb65cf
  libertycoverage

  committed
  8eb65cf

  Copy full SHA for 8eb65cf

Commits on Jan 23, 2025

• Add Pet Pt. 1 (Pet Form) - Description: Create the pet form with Shadcn UI components (Input & Label); event handler for adding a pet; pet-form.tsx, form implementation; shadcn-ui components for fo…

  Show description for 7b0d473
  libertycoverage

  committed
  7b0d473

  Copy full SHA for 7b0d473

Commits on Jan 22, 2025

• Dialog (Shadcn UI) Description: Dialog (modal) for adding and editing pets. Hydration error (common). asChild prop; remove darkmode classes from dialog component installation shadcn-ui; dialog usag…

  Show description for 5169c8c
  libertycoverage

  committed
  5169c8c

  Copy full SHA for 5169c8c

Commits on Jan 20, 2025

• Checkout (Delete) A Pet mechanism (using button) - Example of why separate event handler function is better than raw setter. - with 'onClick' we want to run this function 'handleCheckoutPet', consu…

  Show description for e8785ff
  libertycoverage

  committed
  e8785ff

  Copy full SHA for e8785ff

Commits on Jan 19, 2025

• Pet Buttons For CRUD-Actions - Add the buttons necessary for CRUD-actions. div wrapping, layout styling; pet-button.tsx; using shadcn ui button; customizing button content with prop actionType; 's…

  Show description for 5edd125
  libertycoverage

  committed
  5edd125

  Copy full SHA for 5edd125

Commits on Dec 4, 2024

• Customize Reusable Components H1 + ContentBlock Description: Best practices for styling reusable components. Use cn() utility function with className prop; Two method, one with additional divs with…

  Show description for a712f86
  libertycoverage

  committed
  a712f86

  Copy full SHA for a712f86

Commits on Nov 29, 2024

• Styling search bar; filtering on character in search form; search form customization, React hooks happen only on the client, we do not want to add 'useState' in the page component or often any othe…

  Show description for d4f89bb
  libertycoverage

  committed
  d4f89bb

  Copy full SHA for d4f89bb

Commits on Sep 29, 2024

• 'Stats()' component displaying a number of items; making a derived of 'numberOfPets' from existing states; adding 'numberOfPets' as 'value' in 'PetContextProvider()'; inside 'PetContextProvider()' …

  Show description for 0e65e2d
  libertycoverage

  committed
  0e65e2d

  Copy full SHA for 0e65e2d

• Tailwind CSS extend: {} (Config tailwind.config.ts): Extend the Tailwind theme: {} for reusability of styles using color: {} property; Replacement of Tailwind CSS class for the colour of frame with…

  Show description for 98d0e03
  libertycoverage

  committed
  98d0e03

  Copy full SHA for 98d0e03

Pagination

Previous

Next