8000 Commits · libertycoverage/Bytegrad_Professional-React-and-NextJS-Course · GitHub

Commits

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

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…
libertycoverage
committed

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;
libertycoverage
committed

Commits on Mar 2, 2025

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

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…
libertycoverage
committed

Commits on Feb 22, 2025

useMemo pets.filter (PetSoft) V308
libertycoverage
committed

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

Commits on Feb 20, 2025

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…
libertycoverage
committed

Commits on Jan 29, 2025

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

Commits on Jan 26, 2025

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…
libertycoverage
committed

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…
libertycoverage
committed

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…
libertycoverage
committed

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…
libertycoverage
committed

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…
libertycoverage
committed

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…
libertycoverage
committed

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…
libertycoverage
committed

Commits on Sep 29, 2024

Commits on Sep 27, 2024

A935

Commits on Sep 26, 2024

Selected PetList Styling, Background color for active/selected pet. Use cn() utility function. (cn() utility function is also a part of an installation of shadcn/ui), base CSS classes, conditional …
libertycoverage
committed

Commits on Sep 25, 2024

Commits on Sep 24, 2024

PetList, fetching data in async DashbaordPage page component when going to the route (URL) automatically, passing fetched data as a prop to a child component (<PetList />), mapping in the list over…
libertycoverage
committed

0