Remix Crash Course | Full Stack React

แชร์
ฝัง
  • เผยแพร่เมื่อ 26 ธ.ค. 2024

ความคิดเห็น •

  • @TraversyMedia
    @TraversyMedia  3 ปีที่แล้ว +57

    Hey everyone. part 2 is available at the link below. We add validation and user authentication
    th-cam.com/video/wEoktJMSWLY/w-d-xo.html

  • @Remix-Run
    @Remix-Run 3 ปีที่แล้ว +199

    Thanks for this Brad! Really well done 👏👏

    • @TraversyMedia
      @TraversyMedia  3 ปีที่แล้ว +18

      Thanks so much 😊 Great stuff

    • @michaelfrieze
      @michaelfrieze 3 ปีที่แล้ว +8

      Remix is so awesome . Thanks for creating it.

    • @marcodev3375
      @marcodev3375 3 ปีที่แล้ว +1

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

    • @michaelfrieze
      @michaelfrieze 3 ปีที่แล้ว +2

      @@marcodev3375 it's free now.

    • @marcodev3375
      @marcodev3375 3 ปีที่แล้ว

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

  • @rumblebeast08
    @rumblebeast08 3 ปีที่แล้ว +29

    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
    @TutorIsland 2 ปีที่แล้ว +10

    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.

  • @AstuceFx
    @AstuceFx 3 ปีที่แล้ว +29

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

    • @TraversyMedia
      @TraversyMedia  3 ปีที่แล้ว +1

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

    • @maskman4821
      @maskman4821 3 ปีที่แล้ว

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

    • @praveenprasad9477
      @praveenprasad9477 3 ปีที่แล้ว

      @shareef Ullah maybe he meant thought only 😂😂😂

  • @cotitto99
    @cotitto99 3 ปีที่แล้ว +21

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

  • @tabaicanking3701
    @tabaicanking3701 3 ปีที่แล้ว +5

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

  • @jdrago999
    @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
    @ilamuhil3017 2 ปีที่แล้ว

    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
    @hannaachenbach9557 2 ปีที่แล้ว

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

  • @okeyshourovroy2769
    @okeyshourovroy2769 3 ปีที่แล้ว +4

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

  • @alirasheedmd
    @alirasheedmd 3 ปีที่แล้ว +1

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

  • @yoemasey
    @yoemasey ปีที่แล้ว

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

  • @salimsuleiman7984
    @salimsuleiman7984 3 ปีที่แล้ว +1

    Best teacher I’ve meet my entire life

  • @jokerbanny
    @jokerbanny 3 ปีที่แล้ว

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

  • @zorkgami4726
    @zorkgami4726 2 ปีที่แล้ว

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

  • @mutantthegreat7963
    @mutantthegreat7963 ปีที่แล้ว

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

  • @karthickb1973
    @karthickb1973 2 ปีที่แล้ว

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

  • @TutorIsland
    @TutorIsland 2 ปีที่แล้ว

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

  • @HusnaRamadan
    @HusnaRamadan 3 ปีที่แล้ว

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

  • @ceralguy85
    @ceralguy85 3 ปีที่แล้ว

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

  • @nightowl1596
    @nightowl1596 3 ปีที่แล้ว

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

  • @jasonmucio6067
    @jasonmucio6067 2 ปีที่แล้ว

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

  • @vvekm
    @vvekm 3 ปีที่แล้ว

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

    • @shivani9840
      @shivani9840 2 ปีที่แล้ว

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

    • @shivani9840
      @shivani9840 2 ปีที่แล้ว

      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?

  • @mateoc15
    @mateoc15 2 ปีที่แล้ว +1

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

  • @iUmerFarooq
    @iUmerFarooq 3 ปีที่แล้ว +1

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

  • @xXDameanXx
    @xXDameanXx 2 ปีที่แล้ว

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

  • @petecapecod
    @petecapecod 2 ปีที่แล้ว

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

  • @karsongrady
    @karsongrady 3 ปีที่แล้ว

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

  • @JamesQQuick
    @JamesQQuick 3 ปีที่แล้ว +4

    You're the best!

  • @MaxTheFireCat
    @MaxTheFireCat 2 ปีที่แล้ว

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

  • @saeedmohomed
    @saeedmohomed 3 ปีที่แล้ว

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

  • @PlotTwists
    @PlotTwists 3 ปีที่แล้ว

    Great framework and great tutorial, thanks Brad

  • @qasemraheb623
    @qasemraheb623 2 ปีที่แล้ว

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

  • @amirmohamadbashiri
    @amirmohamadbashiri 3 ปีที่แล้ว

    Awesome video, Can't wait for the second one

  • @ryanskolnick1274
    @ryanskolnick1274 2 ปีที่แล้ว +1

    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!

  • @nanimys
    @nanimys 3 ปีที่แล้ว +1

    wow, brilliant as usual, thanks a ton!!

    • @shivani9840
      @shivani9840 2 ปีที่แล้ว

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

  • @jesuscorona3077
    @jesuscorona3077 2 ปีที่แล้ว +1

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

    • @KaraWan-zu1fd
      @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.

  • @vishnyo
    @vishnyo 2 ปีที่แล้ว

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

  • @bayorworabudu6100
    @bayorworabudu6100 3 ปีที่แล้ว

    Can’t always wait to see ur notifications 🙏

  • @nickstaresinic9933
    @nickstaresinic9933 2 ปีที่แล้ว

    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
      @MrMike44v ปีที่แล้ว

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

  • @fabiandev8219
    @fabiandev8219 8 หลายเดือนก่อน

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

  • @j.r.rodriguez1755
    @j.r.rodriguez1755 3 ปีที่แล้ว

    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.

  • @arianitteamaxess674
    @arianitteamaxess674 2 ปีที่แล้ว

    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?

  • @scriptKiddieOG
    @scriptKiddieOG 3 ปีที่แล้ว

    Looks like I have a present! 🎄🎁

  • @hanizarain
    @hanizarain 2 ปีที่แล้ว

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

  • @JoeAmos17
    @JoeAmos17 2 ปีที่แล้ว

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

  • @destinlee
    @destinlee 3 ปีที่แล้ว

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

  • @arcosd63
    @arcosd63 2 ปีที่แล้ว

    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?

  • @leonardomarcineiro6613
    @leonardomarcineiro6613 2 ปีที่แล้ว

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

  • @slowprogrammer
    @slowprogrammer 3 ปีที่แล้ว +1

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

  • @ormizrahi777
    @ormizrahi777 3 ปีที่แล้ว +1

    What vscode theme are u using?

  • @Populartiktox
    @Populartiktox 2 ปีที่แล้ว

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

  • @jerickgeronimo282
    @jerickgeronimo282 2 ปีที่แล้ว

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

  • @TheEtsgp1
    @TheEtsgp1 2 ปีที่แล้ว

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

  • @tabdig
    @tabdig 3 ปีที่แล้ว

    Hey Brad what theme are you using for vscode? 🤨

  • @benny-shen
    @benny-shen 2 ปีที่แล้ว

    Thanks, really informative.

  • @abirosak
    @abirosak 2 ปีที่แล้ว

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

  • @devBotPlus
    @devBotPlus 3 ปีที่แล้ว

    Thanks Brad for this tutorial

  • @HtopSkills
    @HtopSkills 3 ปีที่แล้ว +1

    Good sharing!

  • @amur_
    @amur_ 3 ปีที่แล้ว

    Perfect Timing.

    • @shivani9840
      @shivani9840 2 ปีที่แล้ว

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

  • @sriramsridharan9068
    @sriramsridharan9068 3 ปีที่แล้ว

    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
      @shivani9840 2 ปีที่แล้ว

      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
    @Almighty_Flat_Earth 3 ปีที่แล้ว +2

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

  • @abirosak
    @abirosak 3 ปีที่แล้ว +1

    does Remix work on arm macs?

  • @gregpetropoulos5830
    @gregpetropoulos5830 3 ปีที่แล้ว

    Love it, thank you sir.

  • @ranjankumarmandal4700
    @ranjankumarmandal4700 3 ปีที่แล้ว

    Thanks Brad 💝

    • @shivani9840
      @shivani9840 2 ปีที่แล้ว

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

  • @tanyeesiang
    @tanyeesiang 2 ปีที่แล้ว

    How do i set the title from route page?

  • @priteshborse9209
    @priteshborse9209 3 ปีที่แล้ว

    Thank you brad!

  • @abiodun6897
    @abiodun6897 3 ปีที่แล้ว

    Saw this technology yesterday on twitter

  • @filipevalentegomes2383
    @filipevalentegomes2383 2 ปีที่แล้ว

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

  • @adamgonzales8677
    @adamgonzales8677 3 ปีที่แล้ว

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

  • @javascriptes
    @javascriptes 2 ปีที่แล้ว

    Good stuff!

  • @StingSting844
    @StingSting844 3 ปีที่แล้ว

    This is some good shit. Thanks man

  • @createdbydenning8682
    @createdbydenning8682 ปีที่แล้ว

    Hello. Can I use an express backend with remix

    • @steveswanson6280
      @steveswanson6280 9 หลายเดือนก่อน

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

    • @createdbydenning8682
      @createdbydenning8682 9 หลายเดือนก่อน

      @@steveswanson6280 lol. Yeah

  • @BrianShimkus
    @BrianShimkus 3 ปีที่แล้ว +1

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

  • @tanveermughal3935
    @tanveermughal3935 ปีที่แล้ว

    Can we host remix apps on cpanel also?

  • @ranger.1
    @ranger.1 3 ปีที่แล้ว

    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
      @Kiliman3970 3 ปีที่แล้ว +3

      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.

  • @tuananhdo1870
    @tuananhdo1870 2 ปีที่แล้ว

    PHP may be old, but it inspire many newer technologies

  • @anilanaparthi6985
    @anilanaparthi6985 3 ปีที่แล้ว

    Thanks brad

    • @shivani9840
      @shivani9840 2 ปีที่แล้ว

      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?

  • @dhunsworth
    @dhunsworth 2 ปีที่แล้ว

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

  • @repotranstech
    @repotranstech 3 ปีที่แล้ว

    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.

  • @tonyetobin8786
    @tonyetobin8786 3 ปีที่แล้ว

    Brad is this necessary to learn as a react developer?

    • @TraversyMedia
      @TraversyMedia  3 ปีที่แล้ว +3

      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

  • @rickdemarko
    @rickdemarko 3 ปีที่แล้ว

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

  • @nikshirobokov
    @nikshirobokov 3 ปีที่แล้ว

    Can I use the Remix with SASS files?

  • @roiunger7796
    @roiunger7796 3 ปีที่แล้ว

    BIG BIG LIKE 💜

  • @eniac78
    @eniac78 2 ปีที่แล้ว

    Reminds me of Asp .Net Mvc.

  • @praweewongsa
    @praweewongsa 2 ปีที่แล้ว

    thank you sir

  • @rishabhsomething
    @rishabhsomething 3 ปีที่แล้ว +1

    waiting for the web devlopment in 2022 vid!!

  • @reikoleci4303
    @reikoleci4303 2 ปีที่แล้ว

    learned a lot

  • @albirtarsha5370
    @albirtarsha5370 3 ปีที่แล้ว +1

    OMG, another framework...

  • @majedulislam4982
    @majedulislam4982 3 ปีที่แล้ว

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

  • @collinmonahan3428
    @collinmonahan3428 5 หลายเดือนก่อน

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

  • @shivathewarrior7581
    @shivathewarrior7581 10 หลายเดือนก่อน

    thanks

  • @venusirpuram8484
    @venusirpuram8484 3 ปีที่แล้ว

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

  • @greenshaheen
    @greenshaheen 3 ปีที่แล้ว

    2022 roadmap sir ??? any chances?

    • @TraversyMedia
      @TraversyMedia  3 ปีที่แล้ว +7

      Yes of course. I plan on starting on it next week :)

  • @rvndnishad
    @rvndnishad 3 ปีที่แล้ว

    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
      @shivani9840 2 ปีที่แล้ว

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

  • @Jarvis2077
    @Jarvis2077 3 ปีที่แล้ว

    Awesome 👍🏿👍🏿

  • @rayhanislam7518
    @rayhanislam7518 3 ปีที่แล้ว +1

    want prisma tutorial.

  • @pubgmobilegameplay8849
    @pubgmobilegameplay8849 3 ปีที่แล้ว

    Love from Pakistan...Accept it!

  • @imamMubinDotCom
    @imamMubinDotCom 2 ปีที่แล้ว

    awesome