Remix Crash Course | Full Stack React
This is an intro to the Remix Run framework. We build a blog app with Prisma and Sqlite.
Part 2: User Auth - https://youtu.be/wEoktJMSWLY
Code:
https://github.com/bradtraversy/remix-blog
? Website & Courses:
https://traversymedia.com
? Show Support
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia
? Follow Me On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy
Remix Website:
https://remix.run/
Timestamps:
0:00 - Intro
4:59 - Setup & File Structure
8:47 - Root Route Module & Document
12:58 - Create Layout
16:49 - Links Function / Stylesheets
18:35 - Meta Function
20:35 - File-Based Routing
21:45 - Nested Routes
26:00 - Loaders
30:32 - Actions
36:26 - ErrorBoundary Function
39:55 - Prisma & Sqlite Setup
44:49 - Database Seeder
48:44 - DB File
51:58 - Load Posts via Loader
54:50 - Submit Post via Action
56:49 - Load Single Post
1:00:05 - Delete Post via Action
Part 2: User Auth - https://youtu.be/wEoktJMSWLY
Code:
https://github.com/bradtraversy/remix-blog
? Website & Courses:
https://traversymedia.com
? Show Support
Patreon: https://www.patreon.com/traversymedia
PayPal: https://paypal.me/traversymedia
? Follow Me On Social Media:
Twitter: https://twitter.com/traversymedia
Instagram: https://www.instagram.com/traversymedia
Linkedin: https://www.linkedin.com/in/bradtraversy
Remix Website:
https://remix.run/
Timestamps:
0:00 - Intro
4:59 - Setup & File Structure
8:47 - Root Route Module & Document
12:58 - Create Layout
16:49 - Links Function / Stylesheets
18:35 - Meta Function
20:35 - File-Based Routing
21:45 - Nested Routes
26:00 - Loaders
30:32 - Actions
36:26 - ErrorBoundary Function
39:55 - Prisma & Sqlite Setup
44:49 - Database Seeder
48:44 - DB File
51:58 - Load Posts via Loader
54:50 - Submit Post via Action
56:49 - Load Single Post
1:00:05 - Delete Post via Action
Traversy Media
Traversy Media features the best online web development and programming tutorials for all of the latest web technologies including Node.js, Angular 2, React.js, PHP, Rails, HTML, CSS and much more...