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.
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.
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.
wow, after following some tutorials about Next...I can tell why Remix is way more cool, and easier to understand for those coming from php background Thank you for this tutorial
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
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 :(
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.
1:19:15 - following this guide, any refresh of the page results in raw JavaScript being returned as a server-side render (I presume by the loader() function). Any idea what causes this?
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.
im getting No routes matched location "/*%20%7B%20%20box-sizing:%20border-box;%7D:root%20%7B%20%20--color-primary-10:%20" when adding the main.css in the project and proper import, what should i look for
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 }] : []), ];`?
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?
I'm following through this tutorial, but something's up with my main.css style import. I see the styling in the UI just fine, but in my console I am getting this error: No routes matched location "/body%20%7B%20%20background:%20orange;%7D/*%20*%20%7B%20%20box-sizing:%20border-box;%7D:root%20%7B%20%20--color-primary-10:%20" ErrorResponseImpl { status: 404, statusText: 'Not Found', internal: true, data: 'Error: No route matches URL "/body%20%7B%20%20background:%20orange;%7D/*%20*%20%7B%20%20box-sizing:%20border-box;%7D:root%20%7B%20%20--color-primary-10:%20"', error: Error: No route matches URL "/body%20%7B%20%20background:%20orange;%7D/*%20*%20%7B%20%20box-sizing:%20border-box;%7D:root%20%7B%20%20--color-primary-10:%20" It looks like it's trying to treat the style as a URL or something, which isn't correct. I've double-checked everything, did what Chat GPT told me to fix, etc. Any advice?
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 ruclips.net/video/RBYJTop1e-g/видео.html. Thank you.
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.
____________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.
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
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 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.
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.
Make a course on React Router v7. Don't just upgrade your Remix course, please create a dedicated one. We have too much problem with NextJs in production, the costs are crazy... We want to get rid of that shit.
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.
Bought this course as soon as it was released on Udemy even without knowing exactly what Remix is :) Max is the best
Well the repo for that course doesn't even work anymore. Wish he would fix it!
@@KylanHurtwhich course is best now
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.
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.
yes, it's cool
Is Cache is already built in w fetch api?
Remix is so much better than next. Thanks for this course
Great course and well put together like usually. A good teacher like Max has skills to explain things clearly and thoroughly.
Excellent tutor and fantastic course Max. Keep it up!
Congratulations, you are such a great teacher! I really enjoy the way you present and organize your content. Godspeed!
great course. Fast paced, but covers very important and useful knowledge and explains it in a clear, organized and logical manner.
Thanks for this quick course. It's the best one in a whole RUclips.
are u have github?
@@gangwang9641 croked91
Glad to see Remix getting some love. Always love your courses!
I might be late to the party to praise your content but as usual you are a great teacher and the content is as great as you are. Thanks so much
This was an amazing crash course! Thank you for helping me understand Remix in such a short amount of time!
watched a pretty cool tutorial after a very long time. simply amazing!
Thank you, that was a fantastic Remix introduction!
wow, after following some tutorials about Next...I can tell why Remix is way more cool, and easier to understand for those coming from php background
Thank you for this tutorial
Max, you always do a great job. Thanks.
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!!!
thanks! l always prefer to watch your lessons, cuz I know how easily you can explain everything!
Thank you so much for this awesome course, I really liked Remix and planning to use it in future
Really impressive delivery!
Awesome crash course!!!
Your explanation is excellent.
You are the best. Brought your course today.. Thanks a ton.. 👍
Great to have this video. Thanks you so much paid grad content for providing for free Sir. " Heads Off " to you.
I want to thank you for providing this tutorial
Amazing explanation, thank you!
Hi Max... Please launch your complete blockchain application development course...waiting for such a course from you...lots of Love❤️❤️
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
Max is still the best developers teacher of the whole Internet 🙂
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 :(
Had the same issue. Rename your notes.jsx to notes._index.jsx.
I ended up doing the same, it works perfectly ! @@arthurgartner
I had to:
1. update 'notes.jsx' to 'notes._index.jsx'
2. update '' in the NoteList.jsx file to '
@@arthurgartner super thank you
The course is really good
Excellent job, this framework is easier to catch-up than Nextjs
The best teacher ❤️
Nice video that explains how we use remix
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.
This course is best!!
1:19:15 - following this guide, any refresh of the page results in raw JavaScript being returned as a server-side render (I presume by the loader() function). Any idea what causes this?
Me too, were you able to solve it?
This is amazing video on remix ❤
Thank you, Max!
I have been looking for course on remix like for ever
Will the Udemy course be updated for V2 any time soon?
Thank you so much. Great course.
Thanks for your good work boss
Thanks man!
Thanks, that's very helpful 👍
Do you have an updated Remix crash course? I had to abandon Next JS due to conflicts with dependencies in React 19. I need to learn Remix.
It seems like in Remix 2, the routes are handled differently. Any idea on how to create a custom layout on 2.14?
You are the best for me.
Excellent ✨
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.
nice, tyvm!
im getting No routes matched location "/*%20%7B%20%20box-sizing:%20border-box;%7D:root%20%7B%20%20--color-primary-10:%20" when adding the main.css in the project and proper import, what should i look for
hi i am getiing issue in redirect i am using Form from remix react and redirect from remix node but its still reloding what should i do?
thx very nice intro
very great video
Super duper ❤😍
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 }] : []),
];`?
With later versions of Remix, meta() should return an array of objects
remix have built in backend?
Love it. I would appreciate if the content was searchable though. Not complaining, just giving feedback. ✌
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?
I have not been asked Javascript or Typescript, bit it set in typescript by default. How to use it with Javascript?
Nice job on the content. Bookmarks would be helpful on a 2+ hour video.
Thanks max
I'm following through this tutorial, but something's up with my main.css style import. I see the styling in the UI just fine, but in my console I am getting this error:
No routes matched location "/body%20%7B%20%20background:%20orange;%7D/*%20*%20%7B%20%20box-sizing:%20border-box;%7D:root%20%7B%20%20--color-primary-10:%20"
ErrorResponseImpl {
status: 404,
statusText: 'Not Found',
internal: true,
data: 'Error: No route matches URL "/body%20%7B%20%20background:%20orange;%7D/*%20*%20%7B%20%20box-sizing:%20border-box;%7D:root%20%7B%20%20--color-primary-10:%20"',
error: Error: No route matches URL "/body%20%7B%20%20background:%20orange;%7D/*%20*%20%7B%20%20box-sizing:%20border-box;%7D:root%20%7B%20%20--color-primary-10:%20"
It looks like it's trying to treat the style as a URL or something, which isn't correct. I've double-checked everything, did what Chat GPT told me to fix, etc. Any advice?
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 ruclips.net/video/RBYJTop1e-g/видео.html. Thank you.
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.
Great vid but would very much appreciate labeled timestamps
Ruby on Rails is so much readable!
Does the Remix backend run in NodeJS environment?
Remix vs Nextjs whice is better?
remix is too specific and is not used that often while nextjs has already become the gold standard
Is this course updated according to Remix v2?
Could you please make one video for pagination of Remix Run, or introduce some useful resources
Omg I was literally searching for this 2 days ago 😇
How is this course different from the course I just bought on Udemy?
Is anybody know how will it deploy to IIS ?
____________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.
What a difference one year makes? Remix 2 broke Remix 1 :-(
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
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
@@MahmoudAshraf yes we use it in prod for multiple projects
@@MahmoudAshraf i had the same issue but seems like that next js already fixed it
something is wrong with live load and its not my extension its remix i can never get it to show the changes i make
Remix, Nextjs, Astro What the hell should i learn
There are too many Frameworks. I am trying to stick with one tech stack but I get distracted so easily
Don't learn them all. Learn one of them, and expand upon that one framework
I would say NextJS - after you've understood React well :D
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.
@@phucnguyen0110 Yeah Next is quite good honestly. I don't know if it's better than Remix but I am most productive in Next
how about upgrade to V2
So max when are you releasing a rust course? I need to train someone in Rust :)
dynamic routes are not working
How to add custom fonts face in remix?
Please add timestamps in description
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.
Is remix better than next ?
@@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.
🔥🔥🔥
Can we use some UI framework like: MUI, Mantine UI, ...?
You can use tailwind.
I wish there were more errörs in the video.
Astro course, when?
routes to juggle pages
Is react still a "library" though?
react - yes, remix - no
Does Remix have SEO?
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.
Yes remix is great for seo performance.
What is different between remix and react?
Remix can be compared with nextjs. Both add capabilities to the core react which runs underneath both.
Make a course on React Router v7. Don't just upgrade your Remix course, please create a dedicated one. We have too much problem with NextJs in production, the costs are crazy... We want to get rid of that shit.
❤️
Please add timestamps
why we need remix/ next? why not just react
i need timeline >:(
Watch this on 2x is better