Professional-React-and-Next.js-Course
Professional-React-and-Next.js-Course copied to clipboard
ByteGrad
This repo contains everything you need as a student of the Professional React & Next.js Course by ByteGrad.com
I'm on video #213 and when I attempt to perform the fetch of `https://bytegrad.com/course-assets/projects/evento/api/events?city=austin` I get the following error: ``` Internal error: TypeError: fetch failed ``` I'm running Node 21.6.2...
Project: rmtdev Video: 132 Instead of using `as const` a far safer alternative is to simply define the return value for the custom hook ```ts export function useFetchJobs(search: string): [JOBITEM[],...
## Seed File: [seed.ts](https://gist.github.com/Dev-Dipesh/8df3c83ec158a80771c9213bdb429c69) ## Cities Included **7 events are added for each new city.** 1. Austin 2. London 3. Los Angeles 4. New York 5. Paris 6. San Francisco...
**Project:** rmtdev **Video Number:** 158 **Video Title:** Finish Pagination (Derived State) **ISSUE:** In the video, we're calculating the total pages without using `Math.ceil()`. **FIX:** Math.ceil is important here because we...
**Video:** 220 **Video Title:** Cn() Utility Function Code in the video: ```ts import clsx, { ClassValue } from "clsx"; import { twMerge } from "tailwind-merge"; export function cn(...inputs: ClassValue[]) {...
In the video it was recommended to use `!` for type assertion since we know better. But in real-world when multiple people are working on a project, mistakes can happen....
### Problem 1: Solving the button focus issue conflicting with the space bar event ### Solution: We can simply use `e.preventDefault()` in the `if` conditional block. ```js const handleSpace =...
I searched for couple of solutions, but still didn't answer the quest. 1. **clamp** property, but I see that makes responsive to viewport. 2. [Pure CSS to make font-size responsive...
The bookmarks popover is used with "position: fixed". On smaller screens when I scroll, it is fixed so it looks a bit out of place and not good UX. Would...
