28.59 GB | 1h 25min 9s | mp4 | 1920X1080 | 16:9
Genre:eLearning |Language:English
Files Included :
FileName :1 Course Introduction.mp4 | Size: (46.28 MB)
FileName :2 Setup (Browser, VS Code Extensions, Prettier, Prisma, NodeJS, Git, GitHub).mp4 | Size: (59.03 MB)
FileName :3 Is an AI Copilot (example GitHub Copilot) a necessity for this course.mp4 | Size: (27.04 MB)
FileName :10 The useEffect hook.mp4 | Size: (40.21 MB)
FileName :11 JavaScript Fundamentals for React.mp4 | Size: (139.52 MB)
FileName :12 CSS Fundamentals for React.mp4 | Size: (78.59 MB)
FileName :13 Modern JS & DOM Fundamentals.mp4 | Size: (521.31 MB)
FileName :4 Starting a New React Project.mp4 | Size: (7.68 MB)
FileName :5 Vite React App (Fresh Install Lookaround).mp4 | Size: (47.02 MB)
FileName :6 JSX Fundamentals for React.mp4 | Size: (28.18 MB)
FileName :7 Components in React.mp4 | Size: (28.93 MB)
FileName :8 Anatomy of a React Component (Props, Event Handlers, Hooks).mp4 | Size: (94.97 MB)
FileName :9 The useState Hook & What is 'Rendering'.mp4 | Size: (75.27 MB)
FileName :14 Fancy Counter Intro.mp4 | Size: (9.8 MB)
FileName :15 Fresh React Vite Install (Lookaround).mp4 | Size: (195.06 MB)
FileName :16 Split up the App into components.mp4 | Size: (139.41 MB)
FileName :17 Component fundamentals.mp4 | Size: (139.16 MB)
FileName :18 Div vs Fragment.mp4 | Size: (24.37 MB)
FileName :19 Styling our app and adding icons + font.mp4 | Size: (163.81 MB)
FileName :20 Count State (useState, 'Rendering', 'Lifting state up', functional setState).mp4 | Size: (147.29 MB)
FileName :21 Event Handler Functions in React.mp4 | Size: (27.92 MB)
FileName :22 Reset Button.mp4 | Size: (6.22 MB)
FileName :23 Inline vs Extracting Event Handler Functions.mp4 | Size: (16.06 MB)
FileName :24 Create 1 Reusable Button Component.mp4 | Size: (75.09 MB)
FileName :25 Conditional Rendering (Ternary Operator vs Logical && Operator).mp4 | Size: (12.11 MB)
FileName :26 Finish Refactoring Reusable Button Component.mp4 | Size: (18.71 MB)
FileName :27 Bottom Limit.mp4 | Size: (9.3 MB)
FileName :28 Upper Limit (Derived State, Manipulate CSS).mp4 | Size: (84.89 MB)
FileName :29 Spacebar to Increment.mp4 | Size: (129.21 MB)
FileName :30 Prop Drilling (Solution Children Composition).mp4 | Size: (51.56 MB)
FileName :31 Recap Most Important React Concepts from this project.mp4 | Size: (9.2 MB)
FileName :32 Word Analytics Intro.mp4 | Size: (7.49 MB)
FileName :33 Setup (Build a React App from Scratch).mp4 | Size: (153.36 MB)
FileName :34 Handle events (Change Event).mp4 | Size: (39.53 MB)
FileName :35 Uncontrolled vs Controlled (Textarea).mp4 | Size: (58.63 MB)
FileName :36 Basic Validation.mp4 | Size: (116.52 MB)
FileName :37 Reusable Component (Warning Component).mp4 | Size: (49.82 MB)
FileName :38 You don't always need to add more useState.mp4 | Size: (32.01 MB)
FileName :39 Finish validation (Remove Warning).mp4 | Size: (16.03 MB)
FileName :40 Stats Section (JSX Markup).mp4 | Size: (17.46 MB)
FileName :41 Reusable Component (Stat Component).mp4 | Size: (56.39 MB)
FileName :42 Derived State (numberOfCharacters).mp4 | Size: (51.97 MB)
FileName :43 Lifting state up.mp4 | Size: (62.87 MB)
FileName :44 Other Stats Data (Derived State).mp4 | Size: (37.31 MB)
FileName :45 Combine Props into 1 Prop Object.mp4 | Size: (27.83 MB)
FileName :46 Manipulate CSS in React.mp4 | Size: (29.45 MB)
FileName :47 Extract Constants into a Separate File.mp4 | Size: (20.58 MB)
FileName :48 Folder Structure.mp4 | Size: (30.91 MB)
FileName :49 Arrays (Intermediate).mp4 | Size: (63.79 MB)
FileName :50 Objects (Intermediate).mp4 | Size: (35.43 MB)
FileName :51 Arrays (Advanced).mp4 | Size: (41.05 MB)
FileName :52 Objects (Advanced).mp4 | Size: (12.16 MB)
FileName :53 Spread Operator.mp4 | Size: (4.65 MB)
FileName :54 Destructuring.mp4 | Size: (14.72 MB)
FileName :55 Primitives vs References.mp4 | Size: (15.2 MB)
FileName :56 Short Circuiting (&& and --).mp4 | Size: (18.65 MB)
FileName :57 Functions (Intermediate).mp4 | Size: (38.61 MB)
FileName :58 Functions (Advanced).mp4 | Size: (40.73 MB)
FileName :59 Fetch API Introduction.mp4 | Size: (48.06 MB)
FileName :60 Example GET Data from API & Display in HTML with Fetch API.mp4 | Size: (46.98 MB)
FileName :61 Fetch API in 4 Minutes (GET POST PUT DELETE, JSON).mp4 | Size: (31.45 MB)
FileName :62 Fetch API with AsyncAwait.mp4 | Size: (113.7 MB)
FileName :63 Fetch API in React useEffect for Fetching Data.mp4 | Size: (59.39 MB)
FileName :64 Custom hooks.mp4 | Size: (41.23 MB)
FileName :65 Rules of Hooks.mp4 | Size: (20.75 MB)
FileName :66 Trekbag Project Intro.mp4 | Size: (9.04 MB)
FileName :67 Create a new Vite React App for Trekbag.mp4 | Size: (31.35 MB)
FileName :68 Project Structure (Reusability).mp4 | Size: (182.41 MB)
FileName :69 Secondary Buttons (map, key).mp4 | Size: (56.49 MB)
FileName :70 Item List (useState, map, input checkboxes).mp4 | Size: (158.18 MB)
FileName :71 AddItemForm (Controlled vs Uncontrolled Input, useState, Array of Objects, Spread Operator).mp4 | Size: (174.64 MB)
FileName :72 React Pattern Separate Implemention Logic from Where Event Occurred.mp4 | Size: (81.35 MB)
FileName :73 Best Practices Naming Props.mp4 | Size: (19.85 MB)
FileName :74 Finish Secondary Buttons.mp4 | Size: (164.96 MB)
FileName :75 Delete & Toggle Individual Item.mp4 | Size: (76 MB)
FileName :76 React Pattern for Updating State, naming props.mp4 | Size: (37.22 MB)
FileName :77 Empty View (Conditional Rendering Pitfalls).mp4 | Size: (46.58 MB)
FileName :78 Best Practice Where to compute derived state.mp4 | Size: (55.09 MB)
FileName :79 Sorting Items (React-Select Component).mp4 | Size: (122.41 MB)
FileName :80 Advanced LocalStorage with useState.mp4 | Size: (92.02 MB)
FileName :81 Best Practices useMemo.mp4 | Size: (19.01 MB)
FileName :82 Children Composition (Avoid Prop Drilling pt 1).mp4 | Size: (47.49 MB)
FileName :83 Context API with Custom Hook (Avoid Prop Drilling pt 2).mp4 | Size: (136.69 MB)
FileName :84 The problem with the Context API.mp4 | Size: (28.8 MB)
FileName :85 Zustand (Replace Context API with Zustand).mp4 | Size: (189.35 MB)
FileName :86 TypeScript in React.mp4 | Size: (354.83 MB)
FileName :100 Conditional Rendering with Logical AND (&&).mp4 | Size: (14.62 MB)
FileName :101 Add item to list (Top 2 reasons for TypeScript, Lifting State Up).mp4 | Size: (335.3 MB)
FileName :102 Post Item to Backend (Optimistic UI).mp4 | Size: (106.57 MB)
FileName :103 Improve Project Folder Structure.mp4 | Size: (19.03 MB)
FileName :104 Hashtag List Feature.mp4 | Size: (178.23 MB)
FileName :105 useMemo Performance Optimization.mp4 | Size: (27.9 MB)
FileName :106 Toggle OpenClose Feedback Item.mp4 | Size: (29.64 MB)
FileName :107 Upvote Feature.mp4 | Size: (18.36 MB)
FileName :108 Prevent event bubbling in the DOM.mp4 | Size: (23.46 MB)
FileName :109 Disable Upvote Button.mp4 | Size: (9.91 MB)
FileName :110 ValidInvalid Indicators (setTimeout).mp4 | Size: (57.16 MB)
FileName :111 Children Composition (Prevent Prop Drilling pt 1).mp4 | Size: (39.78 MB)
FileName :112 Context API in TypeScript.mp4 | Size: (318.23 MB)
FileName :113 Custom Hook for Feedback Items.mp4 | Size: (61.97 MB)
FileName :114 The problem with Context API.mp4 | Size: (32.62 MB)
FileName :115 Zustand (Replace Context API with Zustand).mp4 | Size: (268.63 MB)
FileName :87 CorpComment Project Intro.mp4 | Size: (19.76 MB)
FileName :88 Vite React TypeScript (Fresh Install Lookaround).mp4 | Size: (69.7 MB)
FileName :89 Complete Setup (Components, Radix UI Icons).mp4 | Size: (216.58 MB)
FileName :90 Counter (useState, Controlled Input, Derived State).mp4 | Size: (79.9 MB)
FileName :91 Basic validation.mp4 | Size: (16.21 MB)
FileName :92 TypeScript for useState.mp4 | Size: (17.15 MB)
FileName :93 TypeScript for Events.mp4 | Size: (43.62 MB)
FileName :94 Feedback Items List (Map).mp4 | Size: (113.62 MB)
FileName :95 TypeScript for Props (FeedbackItem Prop).mp4 | Size: (76.77 MB)
FileName :96 Fetch Data & Set State.mp4 | Size: (97.71 MB)
FileName :97 Loading Spinner while Fetching Data.mp4 | Size: (26.77 MB)
FileName :98 Top 3 errors when fetching data.mp4 | Size: (77.42 MB)
FileName :99 Convert Fetch to AsyncAwait.mp4 | Size: (73.72 MB)
FileName :116 rmtDev Project Intro.mp4 | Size: (56.55 MB)
FileName :117 Starter Setup (GitHub).mp4 | Size: (31.95 MB)
FileName :118 Components overview.mp4 | Size: (72.66 MB)
FileName :119 Compose the app with components.mp4 | Size: (33.89 MB)
FileName :120 Search component (controlled input).mp4 | Size: (50.6 MB)
FileName :121 Data (Search Query Params vs Path Params).mp4 | Size: (46.18 MB)
FileName :122 Where to fetch data (useEffect vs event handler.mp4 | Size: (62.9 MB)
FileName :123 Fetch data in useEffect (Fetch API Anatomy).mp4 | Size: (94.91 MB)
FileName :124 Showing search results (life state up, map over data).mp4 | Size: (86.72 MB)
FileName :125 Typing API response (TypeScript).mp4 | Size: (43.17 MB)
FileName :126 Prevent prop drilling (children pattern).mp4 | Size: (58.17 MB)
FileName :127 Loading state (JobList).mp4 | Size: (33.18 MB)
FileName :128 JobItem type (special types file).mp4 | Size: (26.15 MB)
FileName :129 useJobItems (custom hook benefits).mp4 | Size: (59.98 MB)
FileName :130 Slice JobItems (derived state).mp4 | Size: (18.89 MB)
FileName :131 Custom hook rules (return object or array).mp4 | Size: (43.14 MB)
FileName :132 Type custom hook return value (as const).mp4 | Size: (46 MB)
FileName :133 Fix key (key is not a prop).mp4 | Size: (7.92 MB)
FileName :134 Fix TypeScript issues (type setstate function).mp4 | Size: (16.26 MB)
FileName :135 Benefits of data in URL (not in useState).mp4 | Size: (44.35 MB)
FileName :136 Keep track of activeId (reading and writing to URL, useEffect).mp4 | Size: (138.92 MB)
FileName :137 Custom hook for activeId.mp4 | Size: (27.2 MB)
FileName :138 Fetch JobItem (custom hook).mp4 | Size: (181.77 MB)
FileName :139 Render JobItem (custom type).mp4 | Size: (151.85 MB)
FileName :140 Loading State (JobItemContent).mp4 | Size: (58.81 MB)
FileName :141 Active item in list (custom hook).mp4 | Size: (49.71 MB)
FileName :142 Results count (derived state, custom hook).mp4 | Size: (37.81 MB)
FileName :143 Return object instead of array from custom hook.mp4 | Size: (32.9 MB)
FileName :144 Debounce searchtext (useDebounce custom hook).mp4 | Size: (158.41 MB)
FileName :145 useDebounce TypeScript (Generics).mp4 | Size: (75.38 MB)
FileName :146 Add key when there is no unique id.mp4 | Size: (48.55 MB)
FileName :147 Change Fetch to React-Query.mp4 | Size: (221.13 MB)
FileName :148 Fetcher function.mp4 | Size: (23.13 MB)
FileName :149 Type return value of fetcher function (API response, promise).mp4 | Size: (61.03 MB)
FileName :150 Fix loading state in React-Query (isInitialLoading).mp4 | Size: (11.73 MB)
FileName :151 Error handling when fetching data.mp4 | Size: (55.94 MB)
FileName :152 Purify custom hook (no derived state).mp4 | Size: (38.54 MB)
FileName :153 Refactor useJobItems to React-Query (+ Loading state).mp4 | Size: (134.86 MB)
FileName :154 Toast Messages (Show error message).mp4 | Size: (58.69 MB)
FileName :155 Unknown type in TypeScript.mp4 | Size: (86.21 MB)
FileName :156 Pagination.mp4 | Size: (116.79 MB)
FileName :157 Reusable component (Pagination Button).mp4 | Size: (83.47 MB)
FileName :158 Finish pagination (derived state).mp4 | Size: (95.38 MB)
FileName :159 Client-Side Pagination vs Server-Side Pagination.mp4 | Size: (10.44 MB)
FileName :160 Extract constant for results per page.mp4 | Size: (10.51 MB)
FileName :161 Sorting (derived state).mp4 | Size: (223.81 MB)
FileName :162 Extract type for page direction.mp4 | Size: (11.75 MB)
FileName :163 Mutable update vs Creating new.mp4 | Size: (29.98 MB)
FileName :164 Reusable component (Sorting Button).mp4 | Size: (62.48 MB)
FileName :165 Keep track of bookmarked ids in context API.mp4 | Size: (266.99 MB)
FileName :166 Event bubbling Prevent Default Stop propagation.mp4 | Size: (36.9 MB)
FileName :167 Persist data in localStorage (useState initializer function).mp4 | Size: (90.26 MB)
FileName :168 useLocalStorage (Custom hook).mp4 | Size: (128.33 MB)
FileName :169 Typing custom hook (generics).mp4 | Size: (133.87 MB)
FileName :170 Context API TypeScript (Custom Hook).mp4 | Size: (124.48 MB)
FileName :171 Create Popover (reuse custom hook).mp4 | Size: (117.99 MB)
FileName :172 Multiple Fetch Calls in parallel without waterfall (react-query).mp4 | Size: (210.09 MB)
FileName :173 Fix TypeScript Boolean (Asserting Casting Types).mp4 | Size: (81.5 MB)
FileName :174 What if data has more than type specifies.mp4 | Size: (40.71 MB)
FileName :175 Fix spinner CSS.mp4 | Size: (12.09 MB)
FileName :176 Part 1 Close popover - className.mp4 | Size: (125.37 MB)
FileName :177 Part 2 Close popover - useRef.mp4 | Size: (100.6 MB)
FileName :178 Part 3 Close popover - useOnClickOutside (custom hook).mp4 | Size: (103.69 MB)
FileName :179 Create portal for popover.mp4 | Size: (35.68 MB)
FileName :180 ActiveId optimization custom hook vs context API.mp4 | Size: (91.05 MB)
FileName :181 State Management in Context API (multiple contexts, dependency between them).mp4 | Size: (302.59 MB)
FileName :182 JobList (Data Wrapper Pattern).mp4 | Size: (78.06 MB)
FileName :183 useMemo (memoize derived state).mp4 | Size: (40.66 MB)
FileName :184 Why it's important to update objects and arrays by creating new ones.mp4 | Size: (40.17 MB)
FileName :185 Memoize context value.mp4 | Size: (28.52 MB)
FileName :186 useCallback for event handler functions.mp4 | Size: (33.52 MB)
FileName :187 Finish! Well done!.mp4 | Size: (10.61 MB)
FileName :188 NextJS Overview (Fast).mp4 | Size: (303.63 MB)
FileName :189 When & Where to add 'use client'.mp4 | Size: (81.14 MB)
FileName :190 Server Components inside Client Components.mp4 | Size: (47.89 MB)
FileName :191 Routes (Pages) vs Components.mp4 | Size: (11.02 MB)
FileName :192 Client vs Server Overview in NextJS.mp4 | Size: (75.45 MB)
FileName :193 Before you use div in React.mp4 | Size: (144.15 MB)
FileName :195 The cn() utility function for Tailwind CSS.mp4 | Size: (60.56 MB)
FileName :196 React & NextJS hook mistakes (that even Senior developers make!).mp4 | Size: (374.94 MB)
FileName :197 EVENTO Project Intro.mp4 | Size: (27.04 MB)
FileName :198 Start Project (NextJS Fresh Install).mp4 | Size: (52.6 MB)
FileName :199 Routing Strategy (Layout & Pages, Dynamic Routes, Link).mp4 | Size: (109.72 MB)
FileName :200 Home Page Content (+ Tailwind Styling).mp4 | Size: (58.3 MB)
FileName :201 Logo (NextJS Image Component).mp4 | Size: (32.74 MB)
FileName :202 Header Styling (Why Tailwind).mp4 | Size: (81.23 MB)
FileName :203 Finish Home Page Styling With Tailwind CSS.mp4 | Size: (121.86 MB)
FileName :204 Container Props (ReactNode).mp4 | Size: (4.39 MB)
FileName :205 Accent Color (Tailwind Config).mp4 | Size: (16.34 MB)
FileName :206 Metadata (TypeScript Metadata Type).mp4 | Size: (20.93 MB)
FileName :207 Active Link (clsx, Framer Motion).mp4 | Size: (90.33 MB)
FileName :208 Search Form (When to Convert Server Component to Client Component).mp4 | Size: (87.87 MB)
FileName :209 Reusable H1 Component.mp4 | Size: (33.15 MB)
FileName :210 Clickable Logo (Link ).mp4 | Size: (3.77 MB)
FileName :211 Continue Events Page (Scrollbar Styling).mp4 | Size: (18.89 MB)
FileName :212 Page Params for Dynamic H1.mp4 | Size: (33.21 MB)
FileName :213 Fetch Events (Fetch Data in Server Component).mp4 | Size: (54.05 MB)
FileName :214 EventoEvent Type.mp4 | Size: (26.83 MB)
FileName :215 EventsList Component (@ Path Alias).mp4 | Size: (51.96 MB)
FileName :216 EventCard Component (Flexbox Tricks).mp4 | Size: (111.82 MB)
FileName :217 Event Date (Copilot Magic).mp4 | Size: (71.01 MB)
FileName :218 Finish EventCard (Wrap in Link, Hover Effect).mp4 | Size: (39.07 MB)
FileName :219 H1 Reusability (Reusability Best Practices, Tailwind-Merge).mp4 | Size: (62.64 MB)
FileName :220 cn() Utility Function (Replace clsx and Tailwind Merge).mp4 | Size: (38.4 MB)
FileName :221 Fetch Events for Correct City.mp4 | Size: (19.33 MB)
FileName :222 Event Page Params (Get Event Slug from URL).mp4 | Size: (9.08 MB)
FileName :223 Fetch Event From URL.mp4 | Size: (19.6 MB)
FileName :224 Event Page Scaffolding.mp4 | Size: (9.66 MB)
FileName :225 Image Component Advanced (+ Design Tips).mp4 | Size: (62.17 MB)
FileName :226 Finish Event Page Intro Section.mp4 | Size: (109.39 MB)
FileName :227 Reusable Hover Effect (Tailwind @apply Rule).mp4 | Size: (20.76 MB)
FileName :228 Finish Event Page (Tailwind, React Pattern).mp4 | Size: (70.6 MB)
FileName :229 Fix Image Object Fit vs Object Cover.mp4 | Size: (5.98 MB)
FileName :230 Client-Side Cache in NextJS (Router Cache).mp4 | Size: (67.05 MB)
FileName :231 Cache and Loading tsx.mp4 | Size: (30.96 MB)
FileName :232 Skeleton Component (Tailwind, cn()).mp4 | Size: (30.29 MB)
FileName :233 Skeleton Card Component.mp4 | Size: (53.26 MB)
FileName :234 Suspense & Streaming in NextJS (Loading tsx).mp4 | Size: (9.29 MB)
FileName :235 EventsList Suspense (Advanced Pattern for Data Fetching).mp4 | Size: (69.2 MB)
FileName :236 Advanced Pattern Data Fetching Wrapper Component for EventsList.mp4 | Size: (17.33 MB)
FileName :237 Data Cache and Revalidate.mp4 | Size: (52.82 MB)
FileName :238 Display Event Name as Title (generateMetadata).mp4 | Size: (105.06 MB)
FileName :239 Fetch Memoization in React & NextJS.mp4 | Size: (15.98 MB)
FileName :240 Data Fetching Utilities.mp4 | Size: (34.46 MB)
FileName :241 EventCard Scroll-Based Animation with Framer Motion.mp4 | Size: (110.37 MB)
FileName :242 Setup SQLite with Prisma.mp4 | Size: (118.66 MB)
FileName :243 Replace Fetch API with Prisma Client.mp4 | Size: (77.05 MB)
FileName :244 Sort Events by Date (Prisma Sorting).mp4 | Size: (13.08 MB)
FileName :245 notFound() Function in NextJS for Event Page.mp4 | Size: (11.39 MB)
FileName :246 Server-Side Pagination in NextJS for EventsList.mp4 | Size: (250.01 MB)
FileName :247 Advanced Key Prop for Suspense.mp4 | Size: (18.67 MB)
FileName :248 Zod Validation in EVENTO for Incoming Data.mp4 | Size: (100.09 MB)
FileName :249 Middleware in EVENTO (Use Cases, Redirecting).mp4 | Size: (19.73 MB)
FileName :250 Static vs Dynamic Rendering in EVENTO.mp4 | Size: (50.48 MB)
FileName :251 More Static vs Dynamic Rendering (Client Components Run on the Server).mp4 | Size: (14.99 MB)
FileName :252 Advanced Pattern Pre-Generating Popular Routes.mp4 | Size: (24.4 MB)
FileName :253 Advanced Link Component Prefetching in Production.mp4 | Size: (19.67 MB)
FileName :254 Advanced Data Cache Prisma ORM Caching with unstable cache.mp4 | Size: (47.49 MB)
FileName :255 Server-Only Utilities (Advanced Data Fetching Utilities).mp4 | Size: (51.83 MB)
FileName :256 Opengraph Images in NextJS.mp4 | Size: (12.75 MB)
FileName :257 Deployment Options (Static Export).mp4 | Size: (13.45 MB)
FileName :258 Deployment Options (NodeJS Server, Vercel).mp4 | Size: (13.79 MB)
FileName :259 Using Postgres in Production.mp4 | Size: (59.3 MB)
FileName :260 Deploy to Vercel.mp4 | Size: (70.24 MB)
FileName :261 Server Actions (Revalidation, useFormStatus, useOptimisticUI).mp4 | Size: (256.67 MB)
FileName :262 Top 3 Reasons for using Server Actions.mp4 | Size: (101.31 MB)
FileName :263 Custom Hook for Context API (TypeScript).mp4 | Size: (83.22 MB)
FileName :264 Professional forms with React-hook-form and Zod.mp4 | Size: (293.77 MB)
FileName :265 Complete Zod Tutorial.mp4 | Size: (383.47 MB)
FileName :266 TypeScript Generics (Easy Explanation!).mp4 | Size: (166.88 MB)
FileName :268 PetSoft Intro.mp4 | Size: (60.92 MB)
FileName :269 Setup.mp4 | Size: (104.26 MB)
FileName :270 Routing Strategy.mp4 | Size: (84.13 MB)
FileName :271 Home page.mp4 | Size: (83.55 MB)
FileName :272 Shadcn UI Intro & Setup.mp4 | Size: (225.57 MB)
FileName :273 App Segment (AppHeader, Dashboard Page + Account Page).mp4 | Size: (135.64 MB)
FileName :274 App Footer.mp4 | Size: (15.33 MB)
FileName :275 Branding + Stats Components.mp4 | Size: (56.47 MB)
FileName :276 Dashboard Grid Layout.mp4 | Size: (102.87 MB)
FileName :277 Responsive Grid Layout.mp4 | Size: (28.85 MB)
FileName :278 PetList Add Pet + Styling.mp4 | Size: (24.92 MB)
FileName :279 PetList Fetch Data.mp4 | Size: (93.71 MB)
FileName :280 Pet Type.mp4 | Size: (19.8 MB)
FileName :281 Pet Context.mp4 | Size: (151.22 MB)
FileName :282 TypeScript for Context API.mp4 | Size: (26.2 MB)
FileName :283 Update Selected Pet Id.mp4 | Size: (44.51 MB)
FileName :284 Selected Pet Styling.mp4 | Size: (21.18 MB)
FileName :285 Pet Details.mp4 | Size: (97.66 MB)
FileName :286 Pet Details Refactoring.mp4 | Size: (57.49 MB)
FileName :287 Tailwind Extend (Config).mp4 | Size: (33.43 MB)
FileName :288 Stats Component.mp4 | Size: (18.36 MB)
FileName :289 Project High-Level Overview.mp4 | Size: (94.64 MB)
FileName :290 Search Pets Feature.mp4 | Size: (147.73 MB)
FileName :291 Account Page.mp4 | Size: (13.78 MB)
FileName :292 Customize Reusable Components H1 + ContentBlock.mp4 | Size: (59.37 MB)
FileName :293 Pet Buttons for CRUD-Actions.mp4 | Size: (136.04 MB)
FileName :294 Checkout (Delete) a Pet.mp4 | Size: (78.99 MB)
FileName :295 Why Pet Button is a Client Component.mp4 | Size: (21.16 MB)
FileName :296 Dialog (Shadcn UI).mp4 | Size: (151.97 MB)
FileName :297 Add Pet pt 1 (Pet Form).mp4 | Size: (131.23 MB)
FileName :298 Add Pet pt 2.mp4 | Size: (195.74 MB)
FileName :299 Close Dialog.mp4 | Size: (40.69 MB)
FileName :300 Recap (High-Level Overview).mp4 | Size: (23.25 MB)
FileName :301 Edit Pet pt 1 (Prefill Form).mp4 | Size: (39.1 MB)
FileName :302 Edit Pet pt 2.mp4 | Size: (93.7 MB)
FileName :303 Add Database (Prisma Setup + Seed).mp4 | Size: (150.45 MB)
FileName :304 Get Data from Database (Prisma Client).mp4 | Size: (35.43 MB)
FileName :305 AddPet Server Action.mp4 | Size: (130.13 MB)
FileName :306 Action Instead of OnSubmit.mp4 | Size: (70.52 MB)
FileName :307 Cleanup Default Image.mp4 | Size: (14.9 MB)
FileName :308 revalidatePath in Server Actions.mp4 | Size: (81.61 MB)
FileName :309 Server Action Revalidation Overview.mp4 | Size: (60.87 MB)
FileName :310 Server Action Refactoring.mp4 | Size: (20.77 MB)
FileName :311 useFormStatus (Loading State).mp4 | Size: (56.23 MB)
FileName :312 Error State (Sonner Toast).mp4 | Size: (79.05 MB)
FileName :313 EditPet Server Action.mp4 | Size: (62.32 MB)
FileName :314 CheckoutPet Server Action.mp4 | Size: (37.25 MB)
FileName :315 useTransition for Server Actions (Loading State).mp4 | Size: (28.17 MB)
FileName :316 useOptimistic for Optimistic UI.mp4 | Size: (256.82 MB)
FileName :317 flushSync (advanced React).mp4 | Size: (31.41 MB)
FileName :318 Revert Optimistic Update.mp4 | Size: (32.29 MB)
FileName :319 Downsides of Optimistic UI.mp4 | Size: (15.89 MB)
FileName :320 Optimistic UI for Edit and Checkout.mp4 | Size: (82.35 MB)
FileName :321 Prisma Types (+ Remove Loading States).mp4 | Size: (284.89 MB)
FileName :322 React-Hook-Form (Setup).mp4 | Size: (137.37 MB)
FileName :323 Validation with Native React-Hook-Form.mp4 | Size: (52.82 MB)
FileName :324 Validation with Zod.mp4 | Size: (138.52 MB)
FileName :325 Infer TypeScript Type from Zod.mp4 | Size: (12.69 MB)
FileName :326 Zod Transform (Pet Default Image).mp4 | Size: (41.64 MB)
FileName :327 Cleanup Fix Image.mp4 | Size: (29.74 MB)
FileName :328 Zod on Server (Reuse Schema).mp4 | Size: (119.74 MB)
FileName :329 Unknown Type (Server Action Input Type).mp4 | Size: (40.39 MB)
FileName :330 Zod for Edit and Checkout.mp4 | Size: (77.91 MB)
FileName :331 Auth Pages (Nested Layout).mp4 | Size: (27.23 MB)
FileName :332 Finish Auth Pages.mp4 | Size: (50.84 MB)
FileName :333 Intro to Authentication.mp4 | Size: (51.08 MB)
FileName :334 JWT (JSON Web Tokens) and Cookies.mp4 | Size: (78.64 MB)
FileName :335 Session Concept.mp4 | Size: (23.65 MB)
FileName :336 Cookie vs Authorization Header (Bearer).mp4 | Size: (21.14 MB)
FileName :337 JWT Structure.mp4 | Size: (24.19 MB)
FileName :338 JWT vs Database Sessions.mp4 | Size: (68.42 MB)
FileName :339 Edge Network (Middleware).mp4 | Size: (38.94 MB)
FileName :340 Next-Auth vs Third-Party Auth (Kinde Auth).mp4 | Size: (26.77 MB)
FileName :341 Middleware in Next js.mp4 | Size: (67.36 MB)
FileName :342 User Database Model.mp4 | Size: (69.86 MB)
FileName :343 Seed Database with User.mp4 | Size: (88.99 MB)
FileName :344 Auth Form Reusability.mp4 | Size: (16.05 MB)
FileName :345 Next-Auth Config.mp4 | Size: (163.19 MB)
FileName :346 Sign In with Next-Auth (Server Action).mp4 | Size: (139.91 MB)
FileName :347 Credentials Provider (Email Password) in Next-Auth.mp4 | Size: (98.65 MB)
FileName :348 Bcrypt Issue.mp4 | Size: (42 MB)
FileName :349 Generate Secret with OpenSSL.mp4 | Size: (35.46 MB)
FileName :350 Finish Login & Protect App.mp4 | Size: (91.38 MB)
FileName :351 PetForm Default Values.mp4 | Size: (7.45 MB)
FileName :352 Render User Email in UI.mp4 | Size: (112.56 MB)
FileName :353 Sign Out (Button + Server Action).mp4 | Size: (98.73 MB)
FileName :354 Redirect Rules.mp4 | Size: (39.81 MB)
FileName :355 Advanced Redirect Pattern.mp4 | Size: (11.58 MB)
FileName :356 Sign Up Functionality (Register).mp4 | Size: (111.26 MB)
FileName :357 Get Pets by User.mp4 | Size: (97.98 MB)
FileName :358 Change Token Type & Finish Data Fetching.mp4 | Size: (64.63 MB)
FileName :359 Create Pet By User.mp4 | Size: (160.37 MB)
FileName :360 Authorization (Deleting Pet).mp4 | Size: (106.89 MB)
FileName :361 Authorization (Editing Pet).mp4 | Size: (38.15 MB)
FileName :362 Utility Function (Checking Auth).mp4 | Size: (27.77 MB)
FileName :363 Finish Utility Fn & Change NextAuth Type.mp4 | Size: (51.51 MB)
FileName :364 Server Only Utilities.mp4 | Size: (25.97 MB)
FileName :365 Utility Functions (Getting Data).mp4 | Size: (111.71 MB)
FileName :366 NextAuth Route Handlers (GET, POST).mp4 | Size: (118.79 MB)
FileName :367 Auth Validation.mp4 | Size: (223.41 MB)
FileName :368 Finish Login Validation.mp4 | Size: (70.79 MB)
FileName :369 Sign Up Validation.mp4 | Size: (94.55 MB)
FileName :370 Fix TypeScript PetEssentials.mp4 | Size: (47.89 MB)
FileName :371 Try Catch (Prisma).mp4 | Size: (8.77 MB)
FileName :372 Prisma Specific Errors.mp4 | Size: (31.86 MB)
FileName :373 UseFormStatus for Auth Loading State.mp4 | Size: (66.24 MB)
FileName :374 UseFormState for Auth Error State.mp4 | Size: (84.51 MB)
FileName :375 Auth Error Handling.mp4 | Size: (61.07 MB)
FileName :376 NextJS Redirect Quirk.mp4 | Size: (54.69 MB)
FileName :377 Loading State for Logout (useTransition).mp4 | Size: (25.31 MB)
FileName :378 Payments in NextJS Overview.mp4 | Size: (70.66 MB)
FileName :379 Payment Page.mp4 | Size: (28.28 MB)
FileName :380 Stripe Setup.mp4 | Size: (78.85 MB)
FileName :381 Checkout Session Redirect.mp4 | Size: (196.17 MB)
FileName :382 SearchParams after Payment.mp4 | Size: (44.07 MB)
FileName :383 Cancelled Payment SearchParams.mp4 | Size: (8.3 MB)
FileName :384 Checkout Session Loading State for Server Action (useTransition).mp4 | Size: (16.56 MB)
FileName :385 SearchParams Type.mp4 | Size: (17.05 MB)
FileName :386 Add hasAccess to Schema.mp4 | Size: (66.92 MB)
FileName :387 Add hasAccess to token.mp4 | Size: (79.59 MB)
FileName :388 Change Redirect Rules.mp4 | Size: (49.01 MB)
FileName :389 Stripe Webhooks.mp4 | Size: (82.53 MB)
FileName :390 Fulfill Order (Database Update).mp4 | Size: (86.26 MB)
FileName :391 Update JWT After Purchase.mp4 | Size: (222.63 MB)
FileName :392 Loading State for Updating JWT.mp4 | Size: (38.45 MB)
FileName :393 Verify Webhooks.mp4 | Size: (100.19 MB)
FileName :394 Finalize Redirect Rules.mp4 | Size: (62.15 MB)
FileName :395 Prepare for deployment.mp4 | Size: (21.34 MB)
FileName :396 Change SQLite to Vercel Postgres for Production.mp4 | Size: (79.18 MB)
FileName :397 Deploy to Vercel.mp4 | Size: (208.05 MB)
FileName :398 Separate Bcrypt Outside Edge.mp4 | Size: (135.59 MB)
FileName :399 Stripe in production.mp4 | Size: (8.5 MB)
FileName :THE END! Well done!.mp4 | Size: (7.46 MB)
FileName :2 Setup (Browser, VS Code Extensions, Prettier, Prisma, NodeJS, Git, GitHub).mp4 | Size: (59.03 MB)
FileName :3 Is an AI Copilot (example GitHub Copilot) a necessity for this course.mp4 | Size: (27.04 MB)
FileName :10 The useEffect hook.mp4 | Size: (40.21 MB)
FileName :11 JavaScript Fundamentals for React.mp4 | Size: (139.52 MB)
FileName :12 CSS Fundamentals for React.mp4 | Size: (78.59 MB)
FileName :13 Modern JS & DOM Fundamentals.mp4 | Size: (521.31 MB)
FileName :4 Starting a New React Project.mp4 | Size: (7.68 MB)
FileName :5 Vite React App (Fresh Install Lookaround).mp4 | Size: (47.02 MB)
FileName :6 JSX Fundamentals for React.mp4 | Size: (28.18 MB)
FileName :7 Components in React.mp4 | Size: (28.93 MB)
FileName :8 Anatomy of a React Component (Props, Event Handlers, Hooks).mp4 | Size: (94.97 MB)
FileName :9 The useState Hook & What is 'Rendering'.mp4 | Size: (75.27 MB)
FileName :14 Fancy Counter Intro.mp4 | Size: (9.8 MB)
FileName :15 Fresh React Vite Install (Lookaround).mp4 | Size: (195.06 MB)
FileName :16 Split up the App into components.mp4 | Size: (139.41 MB)
FileName :17 Component fundamentals.mp4 | Size: (139.16 MB)
FileName :18 Div vs Fragment.mp4 | Size: (24.37 MB)
FileName :19 Styling our app and adding icons + font.mp4 | Size: (163.81 MB)
FileName :20 Count State (useState, 'Rendering', 'Lifting state up', functional setState).mp4 | Size: (147.29 MB)
FileName :21 Event Handler Functions in React.mp4 | Size: (27.92 MB)
FileName :22 Reset Button.mp4 | Size: (6.22 MB)
FileName :23 Inline vs Extracting Event Handler Functions.mp4 | Size: (16.06 MB)
FileName :24 Create 1 Reusable Button Component.mp4 | Size: (75.09 MB)
FileName :25 Conditional Rendering (Ternary Operator vs Logical && Operator).mp4 | Size: (12.11 MB)
FileName :26 Finish Refactoring Reusable Button Component.mp4 | Size: (18.71 MB)
FileName :27 Bottom Limit.mp4 | Size: (9.3 MB)
FileName :28 Upper Limit (Derived State, Manipulate CSS).mp4 | Size: (84.89 MB)
FileName :29 Spacebar to Increment.mp4 | Size: (129.21 MB)
FileName :30 Prop Drilling (Solution Children Composition).mp4 | Size: (51.56 MB)
FileName :31 Recap Most Important React Concepts from this project.mp4 | Size: (9.2 MB)
FileName :32 Word Analytics Intro.mp4 | Size: (7.49 MB)
FileName :33 Setup (Build a React App from Scratch).mp4 | Size: (153.36 MB)
FileName :34 Handle events (Change Event).mp4 | Size: (39.53 MB)
FileName :35 Uncontrolled vs Controlled (Textarea).mp4 | Size: (58.63 MB)
FileName :36 Basic Validation.mp4 | Size: (116.52 MB)
FileName :37 Reusable Component (Warning Component).mp4 | Size: (49.82 MB)
FileName :38 You don't always need to add more useState.mp4 | Size: (32.01 MB)
FileName :39 Finish validation (Remove Warning).mp4 | Size: (16.03 MB)
FileName :40 Stats Section (JSX Markup).mp4 | Size: (17.46 MB)
FileName :41 Reusable Component (Stat Component).mp4 | Size: (56.39 MB)
FileName :42 Derived State (numberOfCharacters).mp4 | Size: (51.97 MB)
FileName :43 Lifting state up.mp4 | Size: (62.87 MB)
FileName :44 Other Stats Data (Derived State).mp4 | Size: (37.31 MB)
FileName :45 Combine Props into 1 Prop Object.mp4 | Size: (27.83 MB)
FileName :46 Manipulate CSS in React.mp4 | Size: (29.45 MB)
FileName :47 Extract Constants into a Separate File.mp4 | Size: (20.58 MB)
FileName :48 Folder Structure.mp4 | Size: (30.91 MB)
FileName :49 Arrays (Intermediate).mp4 | Size: (63.79 MB)
FileName :50 Objects (Intermediate).mp4 | Size: (35.43 MB)
FileName :51 Arrays (Advanced).mp4 | Size: (41.05 MB)
FileName :52 Objects (Advanced).mp4 | Size: (12.16 MB)
FileName :53 Spread Operator.mp4 | Size: (4.65 MB)
FileName :54 Destructuring.mp4 | Size: (14.72 MB)
FileName :55 Primitives vs References.mp4 | Size: (15.2 MB)
FileName :56 Short Circuiting (&& and --).mp4 | Size: (18.65 MB)
FileName :57 Functions (Intermediate).mp4 | Size: (38.61 MB)
FileName :58 Functions (Advanced).mp4 | Size: (40.73 MB)
FileName :59 Fetch API Introduction.mp4 | Size: (48.06 MB)
FileName :60 Example GET Data from API & Display in HTML with Fetch API.mp4 | Size: (46.98 MB)
FileName :61 Fetch API in 4 Minutes (GET POST PUT DELETE, JSON).mp4 | Size: (31.45 MB)
FileName :62 Fetch API with AsyncAwait.mp4 | Size: (113.7 MB)
FileName :63 Fetch API in React useEffect for Fetching Data.mp4 | Size: (59.39 MB)
FileName :64 Custom hooks.mp4 | Size: (41.23 MB)
FileName :65 Rules of Hooks.mp4 | Size: (20.75 MB)
FileName :66 Trekbag Project Intro.mp4 | Size: (9.04 MB)
FileName :67 Create a new Vite React App for Trekbag.mp4 | Size: (31.35 MB)
FileName :68 Project Structure (Reusability).mp4 | Size: (182.41 MB)
FileName :69 Secondary Buttons (map, key).mp4 | Size: (56.49 MB)
FileName :70 Item List (useState, map, input checkboxes).mp4 | Size: (158.18 MB)
FileName :71 AddItemForm (Controlled vs Uncontrolled Input, useState, Array of Objects, Spread Operator).mp4 | Size: (174.64 MB)
FileName :72 React Pattern Separate Implemention Logic from Where Event Occurred.mp4 | Size: (81.35 MB)
FileName :73 Best Practices Naming Props.mp4 | Size: (19.85 MB)
FileName :74 Finish Secondary Buttons.mp4 | Size: (164.96 MB)
FileName :75 Delete & Toggle Individual Item.mp4 | Size: (76 MB)
FileName :76 React Pattern for Updating State, naming props.mp4 | Size: (37.22 MB)
FileName :77 Empty View (Conditional Rendering Pitfalls).mp4 | Size: (46.58 MB)
FileName :78 Best Practice Where to compute derived state.mp4 | Size: (55.09 MB)
FileName :79 Sorting Items (React-Select Component).mp4 | Size: (122.41 MB)
FileName :80 Advanced LocalStorage with useState.mp4 | Size: (92.02 MB)
FileName :81 Best Practices useMemo.mp4 | Size: (19.01 MB)
FileName :82 Children Composition (Avoid Prop Drilling pt 1).mp4 | Size: (47.49 MB)
FileName :83 Context API with Custom Hook (Avoid Prop Drilling pt 2).mp4 | Size: (136.69 MB)
FileName :84 The problem with the Context API.mp4 | Size: (28.8 MB)
FileName :85 Zustand (Replace Context API with Zustand).mp4 | Size: (189.35 MB)
FileName :86 TypeScript in React.mp4 | Size: (354.83 MB)
FileName :100 Conditional Rendering with Logical AND (&&).mp4 | Size: (14.62 MB)
FileName :101 Add item to list (Top 2 reasons for TypeScript, Lifting State Up).mp4 | Size: (335.3 MB)
FileName :102 Post Item to Backend (Optimistic UI).mp4 | Size: (106.57 MB)
FileName :103 Improve Project Folder Structure.mp4 | Size: (19.03 MB)
FileName :104 Hashtag List Feature.mp4 | Size: (178.23 MB)
FileName :105 useMemo Performance Optimization.mp4 | Size: (27.9 MB)
FileName :106 Toggle OpenClose Feedback Item.mp4 | Size: (29.64 MB)
FileName :107 Upvote Feature.mp4 | Size: (18.36 MB)
FileName :108 Prevent event bubbling in the DOM.mp4 | Size: (23.46 MB)
FileName :109 Disable Upvote Button.mp4 | Size: (9.91 MB)
FileName :110 ValidInvalid Indicators (setTimeout).mp4 | Size: (57.16 MB)
FileName :111 Children Composition (Prevent Prop Drilling pt 1).mp4 | Size: (39.78 MB)
FileName :112 Context API in TypeScript.mp4 | Size: (318.23 MB)
FileName :113 Custom Hook for Feedback Items.mp4 | Size: (61.97 MB)
FileName :114 The problem with Context API.mp4 | Size: (32.62 MB)
FileName :115 Zustand (Replace Context API with Zustand).mp4 | Size: (268.63 MB)
FileName :87 CorpComment Project Intro.mp4 | Size: (19.76 MB)
FileName :88 Vite React TypeScript (Fresh Install Lookaround).mp4 | Size: (69.7 MB)
FileName :89 Complete Setup (Components, Radix UI Icons).mp4 | Size: (216.58 MB)
FileName :90 Counter (useState, Controlled Input, Derived State).mp4 | Size: (79.9 MB)
FileName :91 Basic validation.mp4 | Size: (16.21 MB)
FileName :92 TypeScript for useState.mp4 | Size: (17.15 MB)
FileName :93 TypeScript for Events.mp4 | Size: (43.62 MB)
FileName :94 Feedback Items List (Map).mp4 | Size: (113.62 MB)
FileName :95 TypeScript for Props (FeedbackItem Prop).mp4 | Size: (76.77 MB)
FileName :96 Fetch Data & Set State.mp4 | Size: (97.71 MB)
FileName :97 Loading Spinner while Fetching Data.mp4 | Size: (26.77 MB)
FileName :98 Top 3 errors when fetching data.mp4 | Size: (77.42 MB)
FileName :99 Convert Fetch to AsyncAwait.mp4 | Size: (73.72 MB)
FileName :116 rmtDev Project Intro.mp4 | Size: (56.55 MB)
FileName :117 Starter Setup (GitHub).mp4 | Size: (31.95 MB)
FileName :118 Components overview.mp4 | Size: (72.66 MB)
FileName :119 Compose the app with components.mp4 | Size: (33.89 MB)
FileName :120 Search component (controlled input).mp4 | Size: (50.6 MB)
FileName :121 Data (Search Query Params vs Path Params).mp4 | Size: (46.18 MB)
FileName :122 Where to fetch data (useEffect vs event handler.mp4 | Size: (62.9 MB)
FileName :123 Fetch data in useEffect (Fetch API Anatomy).mp4 | Size: (94.91 MB)
FileName :124 Showing search results (life state up, map over data).mp4 | Size: (86.72 MB)
FileName :125 Typing API response (TypeScript).mp4 | Size: (43.17 MB)
FileName :126 Prevent prop drilling (children pattern).mp4 | Size: (58.17 MB)
FileName :127 Loading state (JobList).mp4 | Size: (33.18 MB)
FileName :128 JobItem type (special types file).mp4 | Size: (26.15 MB)
FileName :129 useJobItems (custom hook benefits).mp4 | Size: (59.98 MB)
FileName :130 Slice JobItems (derived state).mp4 | Size: (18.89 MB)
FileName :131 Custom hook rules (return object or array).mp4 | Size: (43.14 MB)
FileName :132 Type custom hook return value (as const).mp4 | Size: (46 MB)
FileName :133 Fix key (key is not a prop).mp4 | Size: (7.92 MB)
FileName :134 Fix TypeScript issues (type setstate function).mp4 | Size: (16.26 MB)
FileName :135 Benefits of data in URL (not in useState).mp4 | Size: (44.35 MB)
FileName :136 Keep track of activeId (reading and writing to URL, useEffect).mp4 | Size: (138.92 MB)
FileName :137 Custom hook for activeId.mp4 | Size: (27.2 MB)
FileName :138 Fetch JobItem (custom hook).mp4 | Size: (181.77 MB)
FileName :139 Render JobItem (custom type).mp4 | Size: (151.85 MB)
FileName :140 Loading State (JobItemContent).mp4 | Size: (58.81 MB)
FileName :141 Active item in list (custom hook).mp4 | Size: (49.71 MB)
FileName :142 Results count (derived state, custom hook).mp4 | Size: (37.81 MB)
FileName :143 Return object instead of array from custom hook.mp4 | Size: (32.9 MB)
FileName :144 Debounce searchtext (useDebounce custom hook).mp4 | Size: (158.41 MB)
FileName :145 useDebounce TypeScript (Generics).mp4 | Size: (75.38 MB)
FileName :146 Add key when there is no unique id.mp4 | Size: (48.55 MB)
FileName :147 Change Fetch to React-Query.mp4 | Size: (221.13 MB)
FileName :148 Fetcher function.mp4 | Size: (23.13 MB)
FileName :149 Type return value of fetcher function (API response, promise).mp4 | Size: (61.03 MB)
FileName :150 Fix loading state in React-Query (isInitialLoading).mp4 | Size: (11.73 MB)
FileName :151 Error handling when fetching data.mp4 | Size: (55.94 MB)
FileName :152 Purify custom hook (no derived state).mp4 | Size: (38.54 MB)
FileName :153 Refactor useJobItems to React-Query (+ Loading state).mp4 | Size: (134.86 MB)
FileName :154 Toast Messages (Show error message).mp4 | Size: (58.69 MB)
FileName :155 Unknown type in TypeScript.mp4 | Size: (86.21 MB)
FileName :156 Pagination.mp4 | Size: (116.79 MB)
FileName :157 Reusable component (Pagination Button).mp4 | Size: (83.47 MB)
FileName :158 Finish pagination (derived state).mp4 | Size: (95.38 MB)
FileName :159 Client-Side Pagination vs Server-Side Pagination.mp4 | Size: (10.44 MB)
FileName :160 Extract constant for results per page.mp4 | Size: (10.51 MB)
FileName :161 Sorting (derived state).mp4 | Size: (223.81 MB)
FileName :162 Extract type for page direction.mp4 | Size: (11.75 MB)
FileName :163 Mutable update vs Creating new.mp4 | Size: (29.98 MB)
FileName :164 Reusable component (Sorting Button).mp4 | Size: (62.48 MB)
FileName :165 Keep track of bookmarked ids in context API.mp4 | Size: (266.99 MB)
FileName :166 Event bubbling Prevent Default Stop propagation.mp4 | Size: (36.9 MB)
FileName :167 Persist data in localStorage (useState initializer function).mp4 | Size: (90.26 MB)
FileName :168 useLocalStorage (Custom hook).mp4 | Size: (128.33 MB)
FileName :169 Typing custom hook (generics).mp4 | Size: (133.87 MB)
FileName :170 Context API TypeScript (Custom Hook).mp4 | Size: (124.48 MB)
FileName :171 Create Popover (reuse custom hook).mp4 | Size: (117.99 MB)
FileName :172 Multiple Fetch Calls in parallel without waterfall (react-query).mp4 | Size: (210.09 MB)
FileName :173 Fix TypeScript Boolean (Asserting Casting Types).mp4 | Size: (81.5 MB)
FileName :174 What if data has more than type specifies.mp4 | Size: (40.71 MB)
FileName :175 Fix spinner CSS.mp4 | Size: (12.09 MB)
FileName :176 Part 1 Close popover - className.mp4 | Size: (125.37 MB)
FileName :177 Part 2 Close popover - useRef.mp4 | Size: (100.6 MB)
FileName :178 Part 3 Close popover - useOnClickOutside (custom hook).mp4 | Size: (103.69 MB)
FileName :179 Create portal for popover.mp4 | Size: (35.68 MB)
FileName :180 ActiveId optimization custom hook vs context API.mp4 | Size: (91.05 MB)
FileName :181 State Management in Context API (multiple contexts, dependency between them).mp4 | Size: (302.59 MB)
FileName :182 JobList (Data Wrapper Pattern).mp4 | Size: (78.06 MB)
FileName :183 useMemo (memoize derived state).mp4 | Size: (40.66 MB)
FileName :184 Why it's important to update objects and arrays by creating new ones.mp4 | Size: (40.17 MB)
FileName :185 Memoize context value.mp4 | Size: (28.52 MB)
FileName :186 useCallback for event handler functions.mp4 | Size: (33.52 MB)
FileName :187 Finish! Well done!.mp4 | Size: (10.61 MB)
FileName :188 NextJS Overview (Fast).mp4 | Size: (303.63 MB)
FileName :189 When & Where to add 'use client'.mp4 | Size: (81.14 MB)
FileName :190 Server Components inside Client Components.mp4 | Size: (47.89 MB)
FileName :191 Routes (Pages) vs Components.mp4 | Size: (11.02 MB)
FileName :192 Client vs Server Overview in NextJS.mp4 | Size: (75.45 MB)
FileName :193 Before you use div in React.mp4 | Size: (144.15 MB)
FileName :195 The cn() utility function for Tailwind CSS.mp4 | Size: (60.56 MB)
FileName :196 React & NextJS hook mistakes (that even Senior developers make!).mp4 | Size: (374.94 MB)
FileName :197 EVENTO Project Intro.mp4 | Size: (27.04 MB)
FileName :198 Start Project (NextJS Fresh Install).mp4 | Size: (52.6 MB)
FileName :199 Routing Strategy (Layout & Pages, Dynamic Routes, Link).mp4 | Size: (109.72 MB)
FileName :200 Home Page Content (+ Tailwind Styling).mp4 | Size: (58.3 MB)
FileName :201 Logo (NextJS Image Component).mp4 | Size: (32.74 MB)
FileName :202 Header Styling (Why Tailwind).mp4 | Size: (81.23 MB)
FileName :203 Finish Home Page Styling With Tailwind CSS.mp4 | Size: (121.86 MB)
FileName :204 Container Props (ReactNode).mp4 | Size: (4.39 MB)
FileName :205 Accent Color (Tailwind Config).mp4 | Size: (16.34 MB)
FileName :206 Metadata (TypeScript Metadata Type).mp4 | Size: (20.93 MB)
FileName :207 Active Link (clsx, Framer Motion).mp4 | Size: (90.33 MB)
FileName :208 Search Form (When to Convert Server Component to Client Component).mp4 | Size: (87.87 MB)
FileName :209 Reusable H1 Component.mp4 | Size: (33.15 MB)
FileName :210 Clickable Logo (Link ).mp4 | Size: (3.77 MB)
FileName :211 Continue Events Page (Scrollbar Styling).mp4 | Size: (18.89 MB)
FileName :212 Page Params for Dynamic H1.mp4 | Size: (33.21 MB)
FileName :213 Fetch Events (Fetch Data in Server Component).mp4 | Size: (54.05 MB)
FileName :214 EventoEvent Type.mp4 | Size: (26.83 MB)
FileName :215 EventsList Component (@ Path Alias).mp4 | Size: (51.96 MB)
FileName :216 EventCard Component (Flexbox Tricks).mp4 | Size: (111.82 MB)
FileName :217 Event Date (Copilot Magic).mp4 | Size: (71.01 MB)
FileName :218 Finish EventCard (Wrap in Link, Hover Effect).mp4 | Size: (39.07 MB)
FileName :219 H1 Reusability (Reusability Best Practices, Tailwind-Merge).mp4 | Size: (62.64 MB)
FileName :220 cn() Utility Function (Replace clsx and Tailwind Merge).mp4 | Size: (38.4 MB)
FileName :221 Fetch Events for Correct City.mp4 | Size: (19.33 MB)
FileName :222 Event Page Params (Get Event Slug from URL).mp4 | Size: (9.08 MB)
FileName :223 Fetch Event From URL.mp4 | Size: (19.6 MB)
FileName :224 Event Page Scaffolding.mp4 | Size: (9.66 MB)
FileName :225 Image Component Advanced (+ Design Tips).mp4 | Size: (62.17 MB)
FileName :226 Finish Event Page Intro Section.mp4 | Size: (109.39 MB)
FileName :227 Reusable Hover Effect (Tailwind @apply Rule).mp4 | Size: (20.76 MB)
FileName :228 Finish Event Page (Tailwind, React Pattern).mp4 | Size: (70.6 MB)
FileName :229 Fix Image Object Fit vs Object Cover.mp4 | Size: (5.98 MB)
FileName :230 Client-Side Cache in NextJS (Router Cache).mp4 | Size: (67.05 MB)
FileName :231 Cache and Loading tsx.mp4 | Size: (30.96 MB)
FileName :232 Skeleton Component (Tailwind, cn()).mp4 | Size: (30.29 MB)
FileName :233 Skeleton Card Component.mp4 | Size: (53.26 MB)
FileName :234 Suspense & Streaming in NextJS (Loading tsx).mp4 | Size: (9.29 MB)
FileName :235 EventsList Suspense (Advanced Pattern for Data Fetching).mp4 | Size: (69.2 MB)
FileName :236 Advanced Pattern Data Fetching Wrapper Component for EventsList.mp4 | Size: (17.33 MB)
FileName :237 Data Cache and Revalidate.mp4 | Size: (52.82 MB)
FileName :238 Display Event Name as Title (generateMetadata).mp4 | Size: (105.06 MB)
FileName :239 Fetch Memoization in React & NextJS.mp4 | Size: (15.98 MB)
FileName :240 Data Fetching Utilities.mp4 | Size: (34.46 MB)
FileName :241 EventCard Scroll-Based Animation with Framer Motion.mp4 | Size: (110.37 MB)
FileName :242 Setup SQLite with Prisma.mp4 | Size: (118.66 MB)
FileName :243 Replace Fetch API with Prisma Client.mp4 | Size: (77.05 MB)
FileName :244 Sort Events by Date (Prisma Sorting).mp4 | Size: (13.08 MB)
FileName :245 notFound() Function in NextJS for Event Page.mp4 | Size: (11.39 MB)
FileName :246 Server-Side Pagination in NextJS for EventsList.mp4 | Size: (250.01 MB)
FileName :247 Advanced Key Prop for Suspense.mp4 | Size: (18.67 MB)
FileName :248 Zod Validation in EVENTO for Incoming Data.mp4 | Size: (100.09 MB)
FileName :249 Middleware in EVENTO (Use Cases, Redirecting).mp4 | Size: (19.73 MB)
FileName :250 Static vs Dynamic Rendering in EVENTO.mp4 | Size: (50.48 MB)
FileName :251 More Static vs Dynamic Rendering (Client Components Run on the Server).mp4 | Size: (14.99 MB)
FileName :252 Advanced Pattern Pre-Generating Popular Routes.mp4 | Size: (24.4 MB)
FileName :253 Advanced Link Component Prefetching in Production.mp4 | Size: (19.67 MB)
FileName :254 Advanced Data Cache Prisma ORM Caching with unstable cache.mp4 | Size: (47.49 MB)
FileName :255 Server-Only Utilities (Advanced Data Fetching Utilities).mp4 | Size: (51.83 MB)
FileName :256 Opengraph Images in NextJS.mp4 | Size: (12.75 MB)
FileName :257 Deployment Options (Static Export).mp4 | Size: (13.45 MB)
FileName :258 Deployment Options (NodeJS Server, Vercel).mp4 | Size: (13.79 MB)
FileName :259 Using Postgres in Production.mp4 | Size: (59.3 MB)
FileName :260 Deploy to Vercel.mp4 | Size: (70.24 MB)
FileName :261 Server Actions (Revalidation, useFormStatus, useOptimisticUI).mp4 | Size: (256.67 MB)
FileName :262 Top 3 Reasons for using Server Actions.mp4 | Size: (101.31 MB)
FileName :263 Custom Hook for Context API (TypeScript).mp4 | Size: (83.22 MB)
FileName :264 Professional forms with React-hook-form and Zod.mp4 | Size: (293.77 MB)
FileName :265 Complete Zod Tutorial.mp4 | Size: (383.47 MB)
FileName :266 TypeScript Generics (Easy Explanation!).mp4 | Size: (166.88 MB)
FileName :268 PetSoft Intro.mp4 | Size: (60.92 MB)
FileName :269 Setup.mp4 | Size: (104.26 MB)
FileName :270 Routing Strategy.mp4 | Size: (84.13 MB)
FileName :271 Home page.mp4 | Size: (83.55 MB)
FileName :272 Shadcn UI Intro & Setup.mp4 | Size: (225.57 MB)
FileName :273 App Segment (AppHeader, Dashboard Page + Account Page).mp4 | Size: (135.64 MB)
FileName :274 App Footer.mp4 | Size: (15.33 MB)
FileName :275 Branding + Stats Components.mp4 | Size: (56.47 MB)
FileName :276 Dashboard Grid Layout.mp4 | Size: (102.87 MB)
FileName :277 Responsive Grid Layout.mp4 | Size: (28.85 MB)
FileName :278 PetList Add Pet + Styling.mp4 | Size: (24.92 MB)
FileName :279 PetList Fetch Data.mp4 | Size: (93.71 MB)
FileName :280 Pet Type.mp4 | Size: (19.8 MB)
FileName :281 Pet Context.mp4 | Size: (151.22 MB)
FileName :282 TypeScript for Context API.mp4 | Size: (26.2 MB)
FileName :283 Update Selected Pet Id.mp4 | Size: (44.51 MB)
FileName :284 Selected Pet Styling.mp4 | Size: (21.18 MB)
FileName :285 Pet Details.mp4 | Size: (97.66 MB)
FileName :286 Pet Details Refactoring.mp4 | Size: (57.49 MB)
FileName :287 Tailwind Extend (Config).mp4 | Size: (33.43 MB)
FileName :288 Stats Component.mp4 | Size: (18.36 MB)
FileName :289 Project High-Level Overview.mp4 | Size: (94.64 MB)
FileName :290 Search Pets Feature.mp4 | Size: (147.73 MB)
FileName :291 Account Page.mp4 | Size: (13.78 MB)
FileName :292 Customize Reusable Components H1 + ContentBlock.mp4 | Size: (59.37 MB)
FileName :293 Pet Buttons for CRUD-Actions.mp4 | Size: (136.04 MB)
FileName :294 Checkout (Delete) a Pet.mp4 | Size: (78.99 MB)
FileName :295 Why Pet Button is a Client Component.mp4 | Size: (21.16 MB)
FileName :296 Dialog (Shadcn UI).mp4 | Size: (151.97 MB)
FileName :297 Add Pet pt 1 (Pet Form).mp4 | Size: (131.23 MB)
FileName :298 Add Pet pt 2.mp4 | Size: (195.74 MB)
FileName :299 Close Dialog.mp4 | Size: (40.69 MB)
FileName :300 Recap (High-Level Overview).mp4 | Size: (23.25 MB)
FileName :301 Edit Pet pt 1 (Prefill Form).mp4 | Size: (39.1 MB)
FileName :302 Edit Pet pt 2.mp4 | Size: (93.7 MB)
FileName :303 Add Database (Prisma Setup + Seed).mp4 | Size: (150.45 MB)
FileName :304 Get Data from Database (Prisma Client).mp4 | Size: (35.43 MB)
FileName :305 AddPet Server Action.mp4 | Size: (130.13 MB)
FileName :306 Action Instead of OnSubmit.mp4 | Size: (70.52 MB)
FileName :307 Cleanup Default Image.mp4 | Size: (14.9 MB)
FileName :308 revalidatePath in Server Actions.mp4 | Size: (81.61 MB)
FileName :309 Server Action Revalidation Overview.mp4 | Size: (60.87 MB)
FileName :310 Server Action Refactoring.mp4 | Size: (20.77 MB)
FileName :311 useFormStatus (Loading State).mp4 | Size: (56.23 MB)
FileName :312 Error State (Sonner Toast).mp4 | Size: (79.05 MB)
FileName :313 EditPet Server Action.mp4 | Size: (62.32 MB)
FileName :314 CheckoutPet Server Action.mp4 | Size: (37.25 MB)
FileName :315 useTransition for Server Actions (Loading State).mp4 | Size: (28.17 MB)
FileName :316 useOptimistic for Optimistic UI.mp4 | Size: (256.82 MB)
FileName :317 flushSync (advanced React).mp4 | Size: (31.41 MB)
FileName :318 Revert Optimistic Update.mp4 | Size: (32.29 MB)
FileName :319 Downsides of Optimistic UI.mp4 | Size: (15.89 MB)
FileName :320 Optimistic UI for Edit and Checkout.mp4 | Size: (82.35 MB)
FileName :321 Prisma Types (+ Remove Loading States).mp4 | Size: (284.89 MB)
FileName :322 React-Hook-Form (Setup).mp4 | Size: (137.37 MB)
FileName :323 Validation with Native React-Hook-Form.mp4 | Size: (52.82 MB)
FileName :324 Validation with Zod.mp4 | Size: (138.52 MB)
FileName :325 Infer TypeScript Type from Zod.mp4 | Size: (12.69 MB)
FileName :326 Zod Transform (Pet Default Image).mp4 | Size: (41.64 MB)
FileName :327 Cleanup Fix Image.mp4 | Size: (29.74 MB)
FileName :328 Zod on Server (Reuse Schema).mp4 | Size: (119.74 MB)
FileName :329 Unknown Type (Server Action Input Type).mp4 | Size: (40.39 MB)
FileName :330 Zod for Edit and Checkout.mp4 | Size: (77.91 MB)
FileName :331 Auth Pages (Nested Layout).mp4 | Size: (27.23 MB)
FileName :332 Finish Auth Pages.mp4 | Size: (50.84 MB)
FileName :333 Intro to Authentication.mp4 | Size: (51.08 MB)
FileName :334 JWT (JSON Web Tokens) and Cookies.mp4 | Size: (78.64 MB)
FileName :335 Session Concept.mp4 | Size: (23.65 MB)
FileName :336 Cookie vs Authorization Header (Bearer).mp4 | Size: (21.14 MB)
FileName :337 JWT Structure.mp4 | Size: (24.19 MB)
FileName :338 JWT vs Database Sessions.mp4 | Size: (68.42 MB)
FileName :339 Edge Network (Middleware).mp4 | Size: (38.94 MB)
FileName :340 Next-Auth vs Third-Party Auth (Kinde Auth).mp4 | Size: (26.77 MB)
FileName :341 Middleware in Next js.mp4 | Size: (67.36 MB)
FileName :342 User Database Model.mp4 | Size: (69.86 MB)
FileName :343 Seed Database with User.mp4 | Size: (88.99 MB)
FileName :344 Auth Form Reusability.mp4 | Size: (16.05 MB)
FileName :345 Next-Auth Config.mp4 | Size: (163.19 MB)
FileName :346 Sign In with Next-Auth (Server Action).mp4 | Size: (139.91 MB)
FileName :347 Credentials Provider (Email Password) in Next-Auth.mp4 | Size: (98.65 MB)
FileName :348 Bcrypt Issue.mp4 | Size: (42 MB)
FileName :349 Generate Secret with OpenSSL.mp4 | Size: (35.46 MB)
FileName :350 Finish Login & Protect App.mp4 | Size: (91.38 MB)
FileName :351 PetForm Default Values.mp4 | Size: (7.45 MB)
FileName :352 Render User Email in UI.mp4 | Size: (112.56 MB)
FileName :353 Sign Out (Button + Server Action).mp4 | Size: (98.73 MB)
FileName :354 Redirect Rules.mp4 | Size: (39.81 MB)
FileName :355 Advanced Redirect Pattern.mp4 | Size: (11.58 MB)
FileName :356 Sign Up Functionality (Register).mp4 | Size: (111.26 MB)
FileName :357 Get Pets by User.mp4 | Size: (97.98 MB)
FileName :358 Change Token Type & Finish Data Fetching.mp4 | Size: (64.63 MB)
FileName :359 Create Pet By User.mp4 | Size: (160.37 MB)
FileName :360 Authorization (Deleting Pet).mp4 | Size: (106.89 MB)
FileName :361 Authorization (Editing Pet).mp4 | Size: (38.15 MB)
FileName :362 Utility Function (Checking Auth).mp4 | Size: (27.77 MB)
FileName :363 Finish Utility Fn & Change NextAuth Type.mp4 | Size: (51.51 MB)
FileName :364 Server Only Utilities.mp4 | Size: (25.97 MB)
FileName :365 Utility Functions (Getting Data).mp4 | Size: (111.71 MB)
FileName :366 NextAuth Route Handlers (GET, POST).mp4 | Size: (118.79 MB)
FileName :367 Auth Validation.mp4 | Size: (223.41 MB)
FileName :368 Finish Login Validation.mp4 | Size: (70.79 MB)
FileName :369 Sign Up Validation.mp4 | Size: (94.55 MB)
FileName :370 Fix TypeScript PetEssentials.mp4 | Size: (47.89 MB)
FileName :371 Try Catch (Prisma).mp4 | Size: (8.77 MB)
FileName :372 Prisma Specific Errors.mp4 | Size: (31.86 MB)
FileName :373 UseFormStatus for Auth Loading State.mp4 | Size: (66.24 MB)
FileName :374 UseFormState for Auth Error State.mp4 | Size: (84.51 MB)
FileName :375 Auth Error Handling.mp4 | Size: (61.07 MB)
FileName :376 NextJS Redirect Quirk.mp4 | Size: (54.69 MB)
FileName :377 Loading State for Logout (useTransition).mp4 | Size: (25.31 MB)
FileName :378 Payments in NextJS Overview.mp4 | Size: (70.66 MB)
FileName :379 Payment Page.mp4 | Size: (28.28 MB)
FileName :380 Stripe Setup.mp4 | Size: (78.85 MB)
FileName :381 Checkout Session Redirect.mp4 | Size: (196.17 MB)
FileName :382 SearchParams after Payment.mp4 | Size: (44.07 MB)
FileName :383 Cancelled Payment SearchParams.mp4 | Size: (8.3 MB)
FileName :384 Checkout Session Loading State for Server Action (useTransition).mp4 | Size: (16.56 MB)
FileName :385 SearchParams Type.mp4 | Size: (17.05 MB)
FileName :386 Add hasAccess to Schema.mp4 | Size: (66.92 MB)
FileName :387 Add hasAccess to token.mp4 | Size: (79.59 MB)
FileName :388 Change Redirect Rules.mp4 | Size: (49.01 MB)
FileName :389 Stripe Webhooks.mp4 | Size: (82.53 MB)
FileName :390 Fulfill Order (Database Update).mp4 | Size: (86.26 MB)
FileName :391 Update JWT After Purchase.mp4 | Size: (222.63 MB)
FileName :392 Loading State for Updating JWT.mp4 | Size: (38.45 MB)
FileName :393 Verify Webhooks.mp4 | Size: (100.19 MB)
FileName :394 Finalize Redirect Rules.mp4 | Size: (62.15 MB)
FileName :395 Prepare for deployment.mp4 | Size: (21.34 MB)
FileName :396 Change SQLite to Vercel Postgres for Production.mp4 | Size: (79.18 MB)
FileName :397 Deploy to Vercel.mp4 | Size: (208.05 MB)
FileName :398 Separate Bcrypt Outside Edge.mp4 | Size: (135.59 MB)
FileName :399 Stripe in production.mp4 | Size: (8.5 MB)
FileName :THE END! Well done!.mp4 | Size: (7.46 MB)
Screenshot
AusFile
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!
Code:
Bitte
Anmelden
oder
Registrieren
um Code Inhalt zu sehen!