English | MP4 | AVC 1920×1980 | AAC 44KHz 2ch | 245 Lessons (21h 2m) | 3.42 GB
Learn Remix by building your own full-stack project. Taught by an industry professional, this course covers everything from beginner to advanced topics. If you’re a Developer who is serious about taking your coding skills and career to the next level by building better websites, then this is the course for you.
We guarantee you that this is the most efficient and up-to-date Remix course that you can find. Zach will help you go from an absolute beginner to learning Remix Run, building better websites, and getting hired as a Web Developer.
WHAT YOU’LL LEARN
- Build better websites by using Remix to provide your users with the ideal user experience
- Learn why Remix has rapidly grown in popularity thanks to its ease-of-use and top-tier development experience
- Develop snappy page loads and instant transitions by leveraging distributed systems and native browser features instead of clunky static builds
- Create an extensive, full-stack web application that provides users with an all-in-one cooking experience including recipes, meal plans, and shopping lists
- Accelerate your Web Development career by taking your JavaScript and React skills to the next level
- Learn the entire Remix development process from an empty file to deployment
Table of Contents
1 Course Outlin
2 What is Remix
3 Why Remix
4 Intro to the Master Projec
5 The Recipe Page & Optimistic U
6 Finishing the Tour of the Master Projec
7 Installing NodeJ
8 Creating a Remix Projec
9 The Vite Config Fil
10 Upgrading Remix and Future Flag
11 Owning Your Entry Point
12 What are Routes
13 Nested Routin
14 The Root Rout
15 Remix’s Special Component
16 The Link AP
17 Adding Style with Link
18 Techniques for Component-Level CS
19 Setting Up Tailwin
20 Using Tailwind – Part
21 Using Tailwind – Part
22 Using Tailwind – Part
23 What are Loaders
24 Pending U
25 Why Load Before Route Transition
26 Sharing Data Between Route
27 Errors and Error Boundarie
28 Installing Postgres with Docke
29 Setting Up Prisma with Postgre
30 Overvie
31 Setting Up the Pantry Rout
32 Redirects in Remi
33 Setting Up the Pantry Database Table
34 Seeding the Databas
35 Database UI Tool
36 Loading Data into the Pantry U
37 Creating a Model Abstractio
38 Building a Basic Shelf U
39 Intro to HTML Form
40 Enhancing the Search Bar with JavaScrip
41 Creating Shelve
42 Enhancing the Create Shelf Butto
43 Deleting Shelve
44 Handling Multiple Delete
45 Introducing useFetche
46 More Cases for useFetche
47 Server State in Remi
48 Editing Shelf Name
49 Validating Forms with Zo
50 Intro to Optimistic U
51 Optimistically Deleting Shelve
52 Creating Shelf Item
53 Deleting Shelf Item
54 Optimistically Creating Shelf Item
55 Suppressing the Layout Effect Warnin
56 Optimistically Deleting Shelf Item
57 Additional Enhancement
58 Overvie
59 The User Mode
60 The Login Rout
61 Intro to Cookie
62 Setting Our First Cooki
63 Cookie Attribute
64 A Simple Auth Flo
65 Remix’s Cookie Helpe
66 Cryptographic Signature
67 Signing Cookie
68 Signing Cookies in Remi
69 Session
70 Session Storag
71 Session Storage in Remi
72 Overvie
73 What is Authenticatio
74 Overview of Magic Link Authenticatio
75 Magic Link Structur
76 Generating Magic Link
77 Updating the Login Rout
78 Validation Route Overvie
79 Parsing the Magic Link Payloa
80 Validating the Expiration Tim
81 Validating the Nonc
82 Finishing the Logi
83 The Sign Up For
84 The Sign Up Form Actio
85 Signing Up for Mailgu
86 Setting Up the Mailgun Clien
87 Sending the Magic Link Emai
88 Showing the Check Email Messag
89 Overvie
90 Authorization Rules for the Login Pag
91 Login Authorization Rule 1
92 Login Authorization Rule 2
93 Authorization Rules for the Pantry Pag
94 Pantry Authorization Rule 1
95 Pantry Authorization Rule 2
96 Pantry Authorization Rules 3-4
97 Pantry Authorization Rules 5-6
98 Pantry Authorization Rule 7
99 UI Updates Roadma
100 Adding an Error Boundar
101 Hiding the App Nav Butto
102 Creating a Logout Rout
103 Overvie
104 Revisiting the Remix Philosoph
105 Setting Up the Recipes Rout
106 Setting Up the Recipe Database Table
107 Updating the Seed Scrip
108 Recipe Page Component
109 The Recipes Loade
110 Rendering the Recipe Lis
111 Creating a Search Bar Componen
112 Supporting Search in the Loade
113 The Create Recipe For
114 Setting Up the Recipe Detail Rout
115 Sorting the Recipes Lis
116 Preserving the Search Parameter
117 Recipe Link Pending U
118 Using Link Prefetc
119 Recipe Detail Route Overvie
120 Overview of Step 1 – Creating an Input Componen
121 Displaying the Name and Total Tim
122 Rendering the Ingredient
123 Rendering the Instruction
124 Overview of Step 2 – Updating Recipe
125 Saving the Recipe Name, Total Time, and Instruction
126 FormData’s getAll Functio
127 Updating the validateForm Functio
128 Updating the Ingredient
129 Creating New Ingredient
130 Addressing and Issu
131 Adding Error Messages to the U
132 Exercise Imposter Syndrom
133 Overview of Step 3 – Deleting Recipes and Ingredient
134 Deleting a Recip
135 Deleting Ingredient
136 Authorization Rules for the Recipe Detail Rout
137 Recipe Detail Authorization Rule
138 Recipe Detail Authorization Rules 2-
139 Enhancement Overvie
140 Overview of Step 1 – Saving Inputs on Chang
141 Saving Recipe Inputs on Chang
142 Creating an Ingredient Row Componen
143 Saving Ingredient Inputs on Chang
144 Persisting the Recipe Fetcher Dat
145 Persisting the Ingredient Fetcher Dat
146 Debouncing Form Input
147 Creating a Hook for Debouncin
148 Debouncing the Form Input
149 Overview of Step 2 – The Case for Optimistic UI in the Side Ba
150 Updating the Side Bar with useFetcher
151 Overview of Step
152 Wiring up a Fetcher to Create New Ingredient
153 Creating a Hook for Optimistically Rendering Ingredient
154 Optimistically Rendering New Ingredient
155 Updating the Default Enter Key Behavio
156 Creating Mew Ingredients with the Enter Ke
157 Focusing the Amount Input on Creat
158 Optimistically Deleting Ingredient
159 Overvie
160 Creating a File Inpu
161 The Urlencoded Content Typ
162 The Multipart Content Typ
163 Parsing Multipart Form
164 Overview of Parsing Multipart Forms in Remi
165 Remix’s Built-In Upload Handler
166 Storing Images in the Public Director
167 Writing the Image URL to the Databas
168 Overvie
169 Updating the DB to Track Meal Plan
170 Modals in Remi
171 Setting up the Modal Rout
172 Creating some Components for the Moda
173 Meal Plan Modal U
174 Passing Context to the Outle
175 Creating the Modal Actio
176 The Update Meal Plan Action Cas
177 Indicating which Recipes are in the Meal Pla
178 The Meal Plan Filter Butto
179 The Meal Plan Filter Backen
180 Preserving the Search State when Filterin
181 Preserving the Filter State when Searchin
182 Overview of Next Steps and Setting up the Grocery List Rout
183 Defining the Grocery List Item Typ
184 Building the Grocery List Item Componen
185 Getting Started on the Grocery List Loade
186 Formatting the Missing Ingredient
187 Grouping Grocery List Items by the Ingredient Nam
188 Rendering the Grocery Lis
189 Creating the Grocery List Route Actio
190 Adding Grocery Items to the Pantr
191 The Grocery List Empty Stat
192 Clearing the Meal Pla
193 Overvie
194 The PageLayout Componen
195 Setting up the Settings Rout
196 Intro to Resource Route
197 MIME Type
198 Overview of Customizing the Them
199 Renaming the Resource Rout
200 Controlling the Tailwind Theme with the Theme Resource Rout
201 Building the Form to Change the Site Them
202 Creating the Theme Cooki
203 The App Settings Route Actio
204 The App Settings Route Loade
205 Fixing the Off-By-One Issu
206 Returning Dynamic CSS Based on the Theme Cooki
207 Overvie
208 Redirecting the Home Pag
209 The Discover Page U
210 Discover Detail Page Setu
211 Discover Detail Page U
212 Intro to Cachin
213 Private vs Server Cache
214 Preview of Using the Browser Cach
215 Caching Vocabular
216 The Default Browser Strateg
217 The No-Store Strateg
218 The Fixed-Time Strateg
219 The Cache-Busting Strateg
220 The Revalidate-Once-Stale Strateg
221 Etag
222 Responding to the If-None-Match Heade
223 The Stale-While-Revalidate Strateg
224 Caching Full HTML Page
225 Responding to If-None-Match on HTML Request
226 Introduction to Testin
227 Setting Up Playwrigh
228 Writing our First Tes
229 Creating Dynamic Route
230 Implementing the Test Login Rout
231 Testing a Typical Pantry Page Flo
232 Finishing up the Pantry Tes
233 The Playwright U
234 Creating a Delete User Test Endpoin
235 Deleting Test User
236 Deployment Overvie
237 The Fly CL
238 Prisma MIgration
239 Creating the Database Serve
240 Creating the App Serve
241 Setting Environment Variable
242 Deploying the Ap
243 An Example of Upgrading Remi
244 Thank You
245 ARCHIVED – Seeding the Database (Archived Apr 2024
Resolve the captcha to access the links!