Remix Crash Course | Full Stack React

This is an intro to the Remix Run framework. We build a blog app with Prisma and Sqlite.

Code:

👇 Website & Courses:

💖 Show Support

👇 Follow Me On Social Media:

Remix Website:

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

[TraversyMedia]

Hey everyone. part 2 is available at the link below. We add validation and user authentication

[Remix-Run]

Thanks for this Brad! Really well done 👏👏

[rumblebeast]

Very cool, I'll have to check this out. Side note: I want to give a massive thanks to Brad. A few years ago I was being paid to create engineering documentation and hating my work life every day. I wanted to fix some of the data processing/management issues within our department. After watching several of Brad's videos and taking his React Front-to-Back course, I'm now the Tech Lead for Tools development and leading a team of almost 15 people. Needless to say, this is much more enjoyable work and now I've shared Brad's videos with my entire team!

[TutorIsland]

If you are using create-remix in more recent times, when create-remix prompts you with:
"What type of app do you want to create?"
you have to choose: "Just the basics",
in order to follow along with this tutorial.

[cotitto]

He is the best and his courses motivate me to start coding specifically on React!! thank you so much for your hard work and dedication :)

[AstuceFx]

love your courses, I became a self-thought because of your courses, I can't thanks you enough

[tabaicanking]

Traverse media have helped a lot of developers and I'm deeply grateful for everything he has done especially in my life.

[jdrago]

Thank you so much for making this video - it answered so many questions I had after a couple days of playing around with Remix.

[ilamuhil]

hi i just wanted to let you know that, all your videos are extremely densely packed .Which means at whatever level a viewer is, there is always sth new to learn. Even if i didnt learn anything new, i love your coding style and always try to implement your techniques in general. Your videos are great ! Very compact and concise tutorial .

[hannaachenbach]

All that in roughly an hour - insane! I love where Remix is taking us and this also is a really good tutorial to get started with it. Many thanks! 🙏

[yoemasey]

Hi Brad, thank you so much for making this video so simple to understand about Remix. As always you are amazing 🙏🏽

[okeyshourovroy]

I was waiting. But already learned it by docs. However I am going to watch the full video ♥️♥️

[alirasheedmd]

Always a delight watching your course. Thanks for uploading such great content.

[jokerbanny]

He is the best teacher for me. He teach you everything you need to know of coding thank you Brad!

[zorkgami]

I love your learning and teaching philosophy. Thank you for starting from scratch!

[mateoc]

64 minutes to save me 64 hours... or more. Thank you.

[HusnaRamadan]

thank you so much, you always bring me to the painless understand
now, i got the big picture of this framework

[ryanskolnick]

Hey Brad, I’m beginning to work on a personal site, and was originally building in NextJS, but this definitely seems like it has a lot of promise.

There aren’t a lot of tutorials out there currently for Remix, though. Were you planning on diving deeper into remix, maybe creating a course similar to your nextjs course? Would be very interested!

Also would love to hear your thoughts on this vs NextJS!

[karthickb]

This is brilliant. All your course doesn't intimidate us and makes feel like its all simple like html 🤣

[mutantthegreat]

All your videos are really good. Nice intro, thanks.