Remix Crash Course | Full Stack React

[@TraversyMedia]

Hey everyone. part 2 is available at the link below. We add validation and user authentication kzbin.info/www/bejne/rXbSnKeAgriKgrs

[@xXDameanXx]

thank you!!!

[@soultouchingsongs]

Thank you so much👍🙏

[@Remix-Run]

Thanks for this Brad! Really well done 👏👏

[@TraversyMedia]

Thanks so much 😊 Great stuff

[@michaelfrieze]

Remix is so awesome . Thanks for creating it.

[@marcodev3375]

hopefully remix will be free. the license is too exp to me 🤣

[@michaelfrieze]

@@marcodev3375 it's free now.

[@marcodev3375]

@@michaelfrieze oh really? 😀 But I didn't see the license on the official web 🤔

[@rumblebeast08]

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!

[@cotitto99]

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

[@TraversyMedia]

That's awesome. Thanks for watching my stuff :) Glad it helped

[@maskman4821]

self-thought ? what the hell does that mean ? 🤔

[@praveenprasad9477]

@shareef Ullah maybe he meant thought only 😂😂😂

[@tabaicanking3701]

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

[@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.

[@ilamuhil3017]

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 .

[@jdrago999]

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

[@hannaachenbach9557]

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! 🙏

[@alirasheedmd]

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

[@yoemasey]

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

[@jokerbanny]

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

[@okeyshourovroy2769]

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

[@salimsuleiman7984]

Best teacher I’ve meet my entire life

[@karthickb1973]

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

[@ceralguy85]

Awesome video Brad, thank you for sharing you knowledge and for the dedication to create great content

[@zorkgami4726]

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

[@TutorIsland]

Clicked on the video; paused; liked; clicked play. 🙏

[@HusnaRamadan]

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

[@JamesQQuick]

You're the best!

[@karsongrady]

Dang...Brad comes in clutch. You love to see it

[@mutantthegreat7963]

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

[@jasonmucio6067]

Really great stuff! Thanks much for all your excellent videos in general. 🙏🏽

[@vvekm]

Thank you very much Sir, I was struggling with official docs and was waiting for your course to learn Remix 🙃

[@shivani9840]

Hey Vivek Mishra! Are you a fresher and open to opportunities in web development currently? Have you created any projects in JavaScript frameworks?

[@shivani9840]

Hey Vivek! Do you usually learn through these online tutorials ? Have you created any projects? Would you be interested in exploring opportunities in web development?

[@petecapecod]

This video is awesome, but I feel like I NEED that Prisma one stat!!! 🤩😜 Can't wait to watch part 2

[@nightowl1596]

Beside the amazing courses, we rly love the intro backsound, calm and focus

[@xXDameanXx]

thank you so much for this remix and prisma tutorial, I just found out that I will need this

[@amirmohamadbashiri]

Awesome video, Can't wait for the second one

[@bayorworabudu6100]

Can’t always wait to see ur notifications 🙏

[@MaxTheFireCat]

Remix looks awsome! I cant wait to start playing with it

[@iUmerFarooq]

I was curious to see Remix tutorial on your channel 😏 so here it is 😋

[@PlotTwists]

Great framework and great tutorial, thanks Brad

[@nanimys]

wow, brilliant as usual, thanks a ton!!

[@shivani9840]

Hey Narayan! Are you a fresher and open to opportunities in web development currently? Have you created any projects in JavaScript frameworks?

[@qasemraheb623]

Thank you so much with this clear explanation and thank you Remix🤗

[@mateoc15]

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

[@devBotPlus]

Thanks Brad for this tutorial

[@ryanskolnick1274]

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!

[@j.r.rodriguez1755]

I thought this was going to be an Ethereum Remix video by reading the title. I would love to see Brad do a blockchain crash course.

[@nickstaresinic9933]

As always: Thanks, Brad! [And in case this helps anyone: Working on 03-IV-2022 with @latest -- from the docs, "...the v1 stable release of Remix" -- at about 34:20 I got a build error because redirect was not in 'remix'; I had to import it from "@remix-run/node".]

[@MrMike44v]

i got error even earlier at 11min, json looks different

[@ranjankumarmandal4700]

Thanks Brad 💝

[@shivani9840]

Hey Ranjan! Have you ever taken the help of any tutorial to do a project? Would you be interested exploring opportunities in web development?

[@priteshborse9209]

Thank you brad!

[@vishnyo]

This remix looks great to me. It's a mix of react + nextjs on steroids

[@amur_]

Perfect Timing.

[@shivani9840]

Hey Sriharsh! Have you ever taken the help of any tutorial to do a project? Would you be interested exploring opportunities in web development?

[@gregpetropoulos5830]

Love it, thank you sir.

[@fabiandev8219]

Brad, thanks for making this! Will you eventually do a deployment video to Netlify?

[@slowprogrammer]

Thanks for your course 🙂 I'm thinking for a course in my community as well

[@benny-shen]

Thanks, really informative.

[@destinlee]

Nice dude!!! I can't into this now but when I do!!!!

[@HtopSkills]

Good sharing!

[@scriptKiddieOG]

Looks like I have a present! 🎄🎁

[@javascriptes]

Good stuff!

[@StingSting844]

This is some good shit. Thanks man

[@adamgonzales8677]

"so why are u learning this new framework even though you haven't finished your previous project?" Me: "its the LAW!"

[@roiunger7796]

BIG BIG LIKE 💜

[@anilanaparthi6985]

Thanks brad

[@shivani9840]

Hey Anil! Do you usually learn through these online tutorials ? Have you created any projects? Would you be interested in exploring opportunities in web development?

[@praweewongsa]

thank you sir

[@imamMubinDotCom]

awesome

[@shivathewarrior7581]

thanks

[@abiodun6897]

Saw this technology yesterday on twitter

[@reikoleci4303]

learned a lot

[@Jarvis2077]

Awesome 👍🏿👍🏿

[@hanizarain]

Hello.. Thanks for the great video! I have a question, can I use self made backend in remix instead of using prisma?

[@tuananhdo1870]

PHP may be old, but it inspire many newer technologies

[@SertanejoHitsEClassicos]

thank bro

[@sriramsridharan9068]

Good crash course 👌👌. I have a question, though. I noticed you're not using Arrow functions to write components in the routes, while the loader functions are arrow functions. Any specific reason?

[@shivani9840]

Hey Sriram! Do you usually learn through these online tutorials ? Have you created any projects? Would you be interested in exploring opportunities in web development?

[@saeedmohomed]

26:00 on the laoder part, The Module useLouderData is not importing and throws error (No matching export in "node_modules/remix/esm/index.js" for import "useLouderData" ) ? How can i solve that ??

[@rickdemarko]

can you please do something with storybook and component driven design in angular. there are so many tutorials but they don't come close to your style of teaching please 🙏👏

[@repotranstech]

Hae traversy your service worker tutorial really helped me build a functional pwa.Would mind updating it ,all vanilla.js with custom plugins.like max entries or deleting cache.

[@JoeAmos17]

Is there a dependency that allows you to omit the import React from ‘react’ line? Or what allows that?

[@Almighty_Flat_Earth]

When svelte/sveltekit enters the room , poor react, angular, and vue bow down. Svelte is the future of the Web 4.0

[@jesuscorona3077]

Do anybody else got an "Form Data{}" instead of the RemixFormData when submitting the form? Any idea what may cause it ?

[@KaraWan-zu1fd]

It's not empty, you just can't see it in the vs code terminal. If you try console logging formData.get('title') instead, then that will be output.

[@tabdig]

Hey Brad what theme are you using for vscode? 🤨

[@arianitteamaxess674]

what is full stack in this context? I don't think you can use remix to create a full backend with api's and everything. or am I wrong?

[@rvndnishad]

REMIX ... is awesome .... so no need to have a saparate express server ?????? That is great !!!!!!!!! Looking for a full stack app tutorial on this :D

[@shivani9840]

Hey Arvind! Are you a fresher and open to opportunities in web development currently? Have you created any projects in JavaScript frameworks?

[@ormizrahi777]

What vscode theme are u using?

[@dhunsworth]

Man, copilot must have watched one or two people follow this course before me...😏

[@majedulislam4982]

Hey Brad, we would like to have a microservices course based on MERN stacks

[@TheEtsgp1]

can we still use react hooks i.e. useState UseContext useReducer and such or Redux?

[@filipevalentegomes2383]

Looks like npx create-remix@latest changed a lot. File structure changed and there isn't even a styles folder

[@eniac78]

Reminds me of Asp .Net Mvc.

[@tonyetobin8786]

Brad is this necessary to learn as a react developer?

[@TraversyMedia]

No it is not necessary especially where it is so new, however it allows you to build full stack apps in an easier way. I think SPAs will become less popular in the future and we will be rendering on the server-side

[@ranger.1]

ISN'T SPA's main selling point that you don't have to load another page,but just render some data by making an API request? How is fullstack framework not an SPA?

[@Kiliman3970]

If you have JavaScript enabled, Remix will server render the initial document request. After that, any navigation to other routes or form submits will use the fetch API, so no page reloads. The beauty of Remix is that your app will still continue to function even if you don't have JavaScript enabled. BTW: Here's a secret. Brad's whole demo didn't use any JavaScript on the client. Everything was done using the native capabilities of the browser and the server. To add scripts, you just add the component to your route (typically in your root route). Remix will then do things like preload scripts when you hover over a link, etc.

[@Populartiktox]

I want to add links with rel=alternate with hreflangs with urls with parameters. how do I do that?

[@abirosak]

How do you format the text like Markdown in the post body?

[@collinmonahan3428]

Perhaps time for an update. Thank you. 🙇‍♂

[@jerickgeronimo282]

man, i have an error, but all i typed was "npm run dev" it says "TypeError: isbot is not a function"

[@leonardomarcineiro6613]

Hi, why is my page refreshing when I change route? It do not happen in Next.js

[@rishabhsomething]

waiting for the web devlopment in 2022 vid!!

[@abirosak]

does Remix work on arm macs?

[@pubgmobilegameplay8849]

Love from Pakistan...Accept it!

[@albirtarsha5370]

OMG, another framework...

[@arcosd63]

There was a problem with the file config in the node_modules/ browser/ index, something to do with "./client ./server and ./platform it would not launch in dev mode. it would only show in production. Does anyone else had that problem?

[@venusirpuram8484]

I have recently completed my Next Js crash course and now this 😔

[@BrianShimkus]

Do you prefer to pair Prisma with Next or Remix in building a fullstack app?

[@tanyeesiang]

How do i set the title from route page?

[@createdbydenning8682]

Hello. Can I use an express backend with remix

[@steveswanson6280]

I'm sure you've found out by now, but yes you can

[@createdbydenning8682]

@@steveswanson6280 lol. Yeah

[@tanveermughal3935]

Can we host remix apps on cpanel also?

[@rayhanislam7518]

want prisma tutorial.

[@aliomer9049]

😊😊😊😊