Remix Crash Course 2023 (React Framework)

Remix is an amazing React framework that vastly simplifies the process of building fullstack React web apps.With this crash course, you'll learn how Remix allows you to seamlessly blend frontend and backend code into each other.
🖥️ Official Website & Courses
academind.com/courses/
👨‍💻 Full Remix & React.js Courses
acad.link/remix
acad.link/reactjs
👋 Social Media
/ maxedapps
/ academind_real
/ academind_real
/ academindchannel
💬 Academind Community on Discord
/ discord
----------
Code attachments: github.com/academind/remix-pr...
----------
Academind is your source for online education in the areas of web development, frontend web development, backend web development, programming, coding and data science! No matter if you are looking for a tutorial, a course, a crash course, an introduction, an online tutorial or any related video, we try our best to offer you the content you are looking for. Our topics include Angular, React, Vue, Html, CSS, JavaScript, TypeScript, Redux, Nuxt.js, RxJs, Bootstrap, Laravel, Node.js, Progressive Web Apps (PWA), Ionic, React Native, Regular Expressions (RegEx), Stencil, Power BI, Amazon Web Services (AWS), Firebase or other topics, make sure to have a look at this channel or at academind.com to find the learning resource of your choice!

Пікірлер: 130

  • @johnconnor9787
    @johnconnor9787 Жыл бұрын

    Bought this course as soon as it was released on Udemy even without knowing exactly what Remix is :) Max is the best

  • @shon6435
    @shon6435 Жыл бұрын

    Glad to see Remix getting some love. Always love your courses!

  • @KMUGHALJE
    @KMUGHALJE Жыл бұрын

    Excellent tutor and fantastic course Max. Keep it up!

  • @kikevanegazz325
    @kikevanegazz325 Жыл бұрын

    Max, I watched and followed the tutorial inside out. I stopped, rewound, compare, and investigate. All in all around 6 -8 hours with this tutorial. All I have to say is thanks, it was greatly explained.

  • @telmodias
    @telmodias7 ай бұрын

    Congratulations, you are such a great teacher! I really enjoy the way you present and organize your content. Godspeed!

  • @ecode5225
    @ecode52254 ай бұрын

    The first toturail on Remix that makes sense to me. This tutorial set me up for taking Remic in my stack. This is more than a crash course. Remix is cool, and thank you for such a content.

  • @nyashachiroro2531
    @nyashachiroro2531 Жыл бұрын

    You know a framework is relevant once the courses start coming out... Great video. I love Remix. It simplifies working with React. I don't have to do with useEffect and all those weird data fetching patterns in React. Once they add caching and all the other functionality in TanStack Query it will be even better. It still does a lot to help you with data fetching, mutations and error handling.

  • @gangwang9641

    @gangwang9641

    9 ай бұрын

    yes, it's cool

  • @jareddiscipio1768

    @jareddiscipio1768

    5 ай бұрын

    Is Cache is already built in w fetch api?

  • @lescobrandon2202
    @lescobrandon2202 Жыл бұрын

    Great course and well put together like usually. A good teacher like Max has skills to explain things clearly and thoroughly.

  • @loftyrama
    @loftyrama3 ай бұрын

    Thank you, that was a fantastic Remix introduction!

  • @WasanSulaiman-sy4yg
    @WasanSulaiman-sy4yg Жыл бұрын

    Thank you so much for this awesome course, I really liked Remix and planning to use it in future

  • @matanon8454
    @matanon8454 Жыл бұрын

    Remix is so much better than next. Thanks for this course

  • @andrewhamel8892
    @andrewhamel8892 Жыл бұрын

    Thanks very much for this crash course video Sir! Just purchased the practical guide course. I will very likely be using #Remix for my next project!!!

  • @bambalbino
    @bambalbino Жыл бұрын

    Thanks for this quick course. It's the best one in a whole KZread.

  • @gangwang9641

    @gangwang9641

    9 ай бұрын

    are u have github?

  • @bambalbino

    @bambalbino

    9 ай бұрын

    @@gangwang9641 croked91

  • @hloesilen
    @hloesilen11 ай бұрын

    thanks! l always prefer to watch your lessons, cuz I know how easily you can explain everything!

  • @soultouchingsongs
    @soultouchingsongs Жыл бұрын

    You are the best. Brought your course today.. Thanks a ton.. 👍

  • @phucnguyen0110
    @phucnguyen0110 Жыл бұрын

    Thank you, Max!

  • @JosephMaramba
    @JosephMaramba Жыл бұрын

    Really impressive delivery!

  • @RainbowJet1
    @RainbowJet19 ай бұрын

    Amazing explanation, thank you!

  • @TheOfficialMovmnt
    @TheOfficialMovmnt6 ай бұрын

    Awesome crash course!!!

  • @renatoknot
    @renatoknot Жыл бұрын

    The best teacher ❤️

  • @roykim9033
    @roykim9033 Жыл бұрын

    This course is best!!

  • @jacintofleta
    @jacintofleta9 ай бұрын

    Thank you so much. Great course.

  • @firstlastcode
    @firstlastcode Жыл бұрын

    Thanks for your good work boss

  • @joonesmusic
    @joonesmusic Жыл бұрын

    This crash course gives a good insight into Remix. I really liked it, however the way errors are handled I found it a little confusing at first time. Anyway thanks for explaining so well, Max.

  • @walter7812
    @walter78127 ай бұрын

    Thanks, that's very helpful 👍

  • @kartikmishra3940
    @kartikmishra3940 Жыл бұрын

    Hi Max... Please launch your complete blockchain application development course...waiting for such a course from you...lots of Love❤️❤️

  • @it2923
    @it29236 ай бұрын

    This is amazing video on remix ❤

  • @bubblestrap
    @bubblestrap Жыл бұрын

    Excellent ✨

  • @yashwantsahu3198
    @yashwantsahu31986 ай бұрын

    Great to have this video. Thanks you so much paid grad content for providing for free Sir. " Heads Off " to you.

  • @vishnumanikantan8213
    @vishnumanikantan82132 ай бұрын

    Nice video that explains how we use remix

  • @osmangonisufy629
    @osmangonisufy629 Жыл бұрын

    You are the best for me.

  • @cubanlincoln1767
    @cubanlincoln17672 ай бұрын

    Excellent job, this framework is easier to catch-up than Nextjs

  • @jocodes
    @jocodes4 ай бұрын

    Very helpful! I had to take extra time to adjust my code because I was using typescript (which I'd never used before) and had to consider updates with remix v2 but debugging didn't take terribly long. Thanks so much for this tutorial

  • @anuj7286
    @anuj7286 Жыл бұрын

    I made the project with remix run few months ago i faced some issues with swiper js library. You have to change import statement in swiper react and do some error blocking configuration on remix directory files to run it properly in remix. Remix is great for frontend and i guess react and remix both has the same performance. I don't see much difference in performance.

  • @vasyl8889
    @vasyl88899 ай бұрын

    very great video

  • @Frank2tek
    @Frank2tek Жыл бұрын

    Max is still the best developers teacher of the whole Internet 🙂

  • @it2923
    @it29236 ай бұрын

    Super duper ❤😍

  • @MDImran-fv5ov
    @MDImran-fv5ov Жыл бұрын

    Thanks max

  • @AndreiNedelus
    @AndreiNedelus Жыл бұрын

    Omg I was literally searching for this 2 days ago 😇

  • @jaguilar718
    @jaguilar7187 ай бұрын

    Will the Udemy course be updated for V2 any time soon?

  • @sweeperq
    @sweeperq8 ай бұрын

    Nice job on the content. Bookmarks would be helpful on a 2+ hour video.

  • @DEV_XO
    @DEV_XO Жыл бұрын

    🔥🔥🔥

  • @Thilina4321
    @Thilina4321 Жыл бұрын

    ❤️

  • @archrodney
    @archrodney Жыл бұрын

    Love it. I would appreciate if the content was searchable though. Not complaining, just giving feedback. ✌

  • @spinningaround
    @spinningaround Жыл бұрын

    Ruby on Rails is so much readable!

  • @someoneudontknow3470
    @someoneudontknow34705 ай бұрын

    Does the Remix backend run in NodeJS environment?

  • @gauthier13
    @gauthier135 ай бұрын

    My dynamic segment $noteId is not working, I can't show the note details. The URL is changing to notes/{current note id} but the nav is staying on the note list :(

  • @arthurgartner

    @arthurgartner

    5 ай бұрын

    Had the same issue. Rename your notes.jsx to notes._index.jsx.

  • @gauthier13

    @gauthier13

    4 ай бұрын

    I ended up doing the same, it works perfectly ! @@arthurgartner

  • @jocodes

    @jocodes

    4 ай бұрын

    I had to: 1. update 'notes.jsx' to 'notes._index.jsx' 2. update '' in the NoteList.jsx file to '

  • @anaverageguitarist6088
    @anaverageguitarist60889 ай бұрын

    How is this course different from the course I just bought on Udemy?

  • @bambanx
    @bambanx Жыл бұрын

    remix have built in backend?

  • @PersianShare
    @PersianShare Жыл бұрын

    Could you please make one video for pagination of Remix Run, or introduce some useful resources

  • @arshadaboo1798
    @arshadaboo17988 ай бұрын

    With later versions of Remix, meta() should return an array of objects

  • @parichaypari7872
    @parichaypari78725 ай бұрын

    I'm watching this on 2024, for me when I run the npm run dev, it says > dev > remix dev --manual 💿 remix dev info building... info built (696ms) after this there is no such remix development server started notification comes. how to solve it?

  • @k1chko
    @k1chko Жыл бұрын

    So max when are you releasing a rust course? I need to train someone in Rust :)

  • @anuj7286
    @anuj7286 Жыл бұрын

    How to add custom fonts face in remix?

  • @semihcanbilgen3477
    @semihcanbilgen3477 Жыл бұрын

    Is anybody know how will it deploy to IIS ?

  • @shahji0001
    @shahji00013 ай бұрын

    I guess in the newer version there is a CSS bundler. Not sure how it works. Can you create a separate video explaining `export const links: LinksFunction = () => [ ...(cssBundleHref ? [{ rel: "stylesheet", href: cssBundleHref }] : []), ];`?

  • @kishanbsh
    @kishanbsh20 күн бұрын

    Is react still a "library" though?

  • @randomtrendz
    @randomtrendz Жыл бұрын

    something is wrong with live load and its not my extension its remix i can never get it to show the changes i make

  • @Vicer_Exciser
    @Vicer_Exciser Жыл бұрын

    Great vid but would very much appreciate labeled timestamps

  • @mr.nice_
    @mr.nice_ Жыл бұрын

    Astro course, when?

  • @christianpham5022
    @christianpham5022 Жыл бұрын

    Can we use some UI framework like: MUI, Mantine UI, ...?

  • @asakurayoh3909

    @asakurayoh3909

    Жыл бұрын

    You can use tailwind.

  • @itacirgabral8586
    @itacirgabral8586 Жыл бұрын

    routes to juggle pages

  • @brucegenerator2755
    @brucegenerator2755 Жыл бұрын

    dang wish I'd had this available when we did a big Remix project at work 7 months ago. I'd like to work with it again but it looks like my company is all in on Next 13

  • @MahmoudAshraf

    @MahmoudAshraf

    Жыл бұрын

    are you able to use next13 for production ? , app directory still in beta and i could not find a way to use next export to build prod version of it

  • @brucegenerator2755

    @brucegenerator2755

    Жыл бұрын

    @@MahmoudAshraf yes we use it in prod for multiple projects

  • @Daniiela533

    @Daniiela533

    Жыл бұрын

    @@MahmoudAshraf i had the same issue but seems like that next js already fixed it

  • @user-kb9hv7pi5o
    @user-kb9hv7pi5o10 ай бұрын

    ____________SCSS WITH REMIX________________ is there anyone using scss with remix. i've tried multiple way read so many blogs. whenever i try to complile scss it stucks at Rebuilding (in terminal remix server). please help is anyone knows the solution.

  • @pradeepmax1
    @pradeepmax16 ай бұрын

    Is this course updated according to Remix v2?

  • @salmansaleem531
    @salmansaleem53110 ай бұрын

    dynamic routes are not working

  • @EVolkan
    @EVolkan Жыл бұрын

    I wish there were more errörs in the video.

  • @zaibakela
    @zaibakela Жыл бұрын

    What is different between remix and react?

  • @coderlicious6565

    @coderlicious6565

    Жыл бұрын

    Remix can be compared with nextjs. Both add capabilities to the core react which runs underneath both.

  • @peterschaeffer
    @peterschaeffer4 ай бұрын

    For some reason my NoteDetailsPage() function is not being called. I put this function in notes.$noteid.tsx and the loader works exactly as expected. What am I doing wrong? I can provide all of the source code if need be. Is this a Remix V1 vs. V2 problem? Did I accidentally create a resource route? How do I debug this problem? I am at 1:55:14 of kzread.info/dash/bejne/hHaNrLaooJTLXco.html. Thank you.

  • @peterschaeffer

    @peterschaeffer

    3 ай бұрын

    I looked into this a bit more. The problem was 'solved' by adding Outlet to NotesPage() in notes.tsx. It is quite unclear if this is a V1 vs. V2 bug or if I have made a mistake somewhere else. Note that Outlet should be preceded by a less than sign and followed by a blank, a forward slash, and a greater than sign.

  • @MominRaza
    @MominRaza Жыл бұрын

    Please add timestamps in description

  • @keepforever726

    @keepforever726

    Жыл бұрын

    Yeah, like, these guys are lesson creator pros that have been at this for 10 years. This has to be intentional to inflict pain on the viewer in hopes of selling the course.

  • @developer_hadi

    @developer_hadi

    Жыл бұрын

    Is remix better than next ?

  • @keepforever726

    @keepforever726

    Жыл бұрын

    @@developer_hadi Next has a very large head start, but, I like Remix more because it requires less "framework specific" knowldage, vs Remix where you're leveraging more universal web standards. I always learn something about web standards when deving with Remix.

  • @richardjecooke8036
    @richardjecooke80369 ай бұрын

    Please add timestamps

  • @vignesh_m_1995
    @vignesh_m_1995 Жыл бұрын

    Does Remix have SEO?

  • @nikoszervo

    @nikoszervo

    Жыл бұрын

    Since every page is server side rendered, when the clients get the response, the whole data of that page is already there, meaning search engines can scan that response. So yeah, Remix is SEO friendly.

  • @anuj7286

    @anuj7286

    Жыл бұрын

    Yes remix is great for seo performance.

  • @user-zw8fp1hd2d
    @user-zw8fp1hd2dАй бұрын

    i need timeline >:(

  • @zainwasem
    @zainwasem Жыл бұрын

    why we need remix/ next? why not just react

  • @sumanthprabhu11
    @sumanthprabhu11 Жыл бұрын

    Remix, Nextjs, Astro What the hell should i learn

  • @snookandrew

    @snookandrew

    Жыл бұрын

    There are too many Frameworks. I am trying to stick with one tech stack but I get distracted so easily

  • @MaxProgramming

    @MaxProgramming

    Жыл бұрын

    Don't learn them all. Learn one of them, and expand upon that one framework

  • @phucnguyen0110

    @phucnguyen0110

    Жыл бұрын

    I would say NextJS - after you've understood React well :D

  • @vignesh_m_1995

    @vignesh_m_1995

    Жыл бұрын

    Pick any one first, switching later shouldn't be too difficult. I have seen a few recruiters asking for Next.JS. But not the other 2 as of now.

  • @MaxProgramming

    @MaxProgramming

    Жыл бұрын

    @@phucnguyen0110 Yeah Next is quite good honestly. I don't know if it's better than Remix but I am most productive in Next

  • @splashful
    @splashful2 ай бұрын

    SUR-fuh-sing

  • @itacirgabral8586
    @itacirgabral8586 Жыл бұрын

    you skip the nested routes

  • @achaabni
    @achaabni2 ай бұрын

    Remix is getting love because NextJs isn't stable

  • @achaabni

    @achaabni

    2 ай бұрын

    and keeps breaking things

  • @greendsnow
    @greendsnow Жыл бұрын

    Style sheets... I wouldn't use Remix for just that inconvenience

  • @laptopuser5198

    @laptopuser5198

    Жыл бұрын

    It work with Tailwind...

  • @hobbyxplorer

    @hobbyxplorer

    Жыл бұрын

    i thought the same but its actually more performant than styled components. old school FTW

  • @firstlastcode
    @firstlastcode Жыл бұрын

    Anybody here who can help me get a job please? My PC is spoilt please guys I need job I don't have job yet my carrier is hinded please. I don't really have much experience so I always feel like I need to practice more and more

  • @AlessandroForcuti
    @AlessandroForcuti10 ай бұрын

    This video is outdated. Use old version site of react

  • @praveenkumart4106
    @praveenkumart4106 Жыл бұрын

    I think NextJS is better

  • @knowledgedose1956

    @knowledgedose1956

    7 ай бұрын

    it's all mess now, with server components and aggressive caching. Not even all libs work with it

  • @richard-schneider
    @richard-schneider10 ай бұрын

    why do not speak german ?

  • @nextfangtechlead6239
    @nextfangtechlead6239 Жыл бұрын

    It's so dumb that every other framework out there tries to copy React instead of coming up with a fresh new better alternative framework and way of doing things...Such a pity 🤢🤮 It's like clone wars: we have the original React and other 6-8 -10 frameworks improving React or copying it 🙄🙄🙄🙄🙄🙄🙄🙄 Common u guys...GIVE IT A REST, IT'S TIME TO LET GO AND MOVE ON, GEEZ! ENOUGH IS ENOUGH 😤😤😤

  • @safarl45

    @safarl45

    Жыл бұрын

    Remix isn’t “copying” react dummy… it’s copying PHP 😂

  • @nextfangtechlead6239

    @nextfangtechlead6239

    Жыл бұрын

    @@safarl45 uhmmm, PHP is a programming language...dummy

  • @GiuranRadu
    @GiuranRadu24 күн бұрын

    Outdated, cannot be followed, sorry. I got too many errors till min 40... sorry

  • @achrefnabil2463
    @achrefnabil2463 Жыл бұрын

    Your english is so hard to understand

  • @gyros9162
    @gyros9162 Жыл бұрын

    Hi! Here I am from potential employer that assigns me a test app on Remix

  • @austinmallar5430
    @austinmallar5430 Жыл бұрын

    A framework for a framework?

  • @aquepaique

    @aquepaique

    Жыл бұрын

    aktshually is a framework for a library 🤓

  • @austinmallar5430

    @austinmallar5430

    Жыл бұрын

    @@aquepaique it's all semantics at the end of the day 🙈

  • @MDImran-fv5ov
    @MDImran-fv5ov Жыл бұрын

    Thanks max