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!

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

[@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 :)

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

[@tabaicanking3701]

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

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

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

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

[@jokerbanny]

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

[@JamesQQuick]

You're the best!

[@okeyshourovroy2769]

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

[@yoemasey]

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

[@zorkgami4726]

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

[@karthickb1973]

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

[@salimsuleiman7984]

Best teacher I’ve meet my entire life

[@ceralguy85]

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

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

[@mutantthegreat7963]

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

[@mateoc15]

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

[@jasonmucio6067]

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

[@qasemraheb623]

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

[@xXDameanXx]

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

[@karsongrady]

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

[@nightowl1596]

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

[@bayorworabudu6100]

Can’t always wait to see ur notifications 🙏

[@iUmerFarooq]

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

[@MaxTheFireCat]

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

[@PlotTwists]

Great framework and great tutorial, thanks Brad

[@amirmohamadbashiri]

Awesome video, Can't wait for the second one

[@petecapecod]

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

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

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

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

[@HtopSkills]

Good sharing!

[@adamgonzales8677]

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

[@vishnyo]

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

[@benny-shen]

Thanks, really informative.

[@scriptKiddieOG]

Looks like I have a present! 🎄🎁

[@fabiandev8219]

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

[@devBotPlus]

Thanks Brad for this tutorial

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

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

[@destinlee]

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

[@gregpetropoulos5830]

Love it, thank you sir.

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

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

[@priteshborse9209]

Thank you brad!

[@slowprogrammer]

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

[@abiodun6897]

Saw this technology yesterday on twitter

[@ormizrahi777]

What vscode theme are u using?

[@praweewongsa]

thank you sir

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

[@reikoleci4303]

learned a lot

[@shivathewarrior7581]

thanks

[@StingSting844]

This is some good shit. Thanks man

[@javascriptes]

Good stuff!

[@Jarvis2077]

Awesome 👍🏿👍🏿

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

[@imamMubinDotCom]

awesome

[@abirosak]

does Remix work on arm macs?

[@tabdig]

Hey Brad what theme are you using for vscode? 🤨

[@roiunger7796]

BIG BIG LIKE 💜

[@hanizarain]

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

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

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

[@SertanejoHitsEClassicos]

thank bro

[@dhunsworth]

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

[@JoeAmos17]

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

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

[@rayhanislam7518]

want prisma tutorial.

[@majedulislam4982]

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

[@jerickgeronimo282]

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

[@collinmonahan3428]

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

[@abirosak]

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

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

[@tanyeesiang]

How do i set the title from route page?

[@Populartiktox]

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

[@leonardomarcineiro6613]

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

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

[@tuananhdo1870]

PHP may be old, but it inspire many newer technologies

[@tanveermughal3935]

Can we host remix apps on cpanel also?

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

[@eniac78]

Reminds me of Asp .Net Mvc.

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

[@rishabhsomething]

waiting for the web devlopment in 2022 vid!!

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

[@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 🙏👏

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

[@pubgmobilegameplay8849]

Love from Pakistan...Accept it!

[@albirtarsha5370]

OMG, another framework...

[@venusirpuram8484]

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

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

[@nikshirobokov]

Can I use the Remix with SASS files?

[@nikshirobokov]

If "yes", that how?

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

[@aliomer9049]

😊😊😊😊