JavaScript... WTF?!?
22:46
2 ай бұрын
A UNIQUE Way to Write React
3:33
2 ай бұрын
STOP using outer margins
5:42
2 ай бұрын
This UI Library is AWESOME
4:43
2 ай бұрын
What's NEW in React 19
11:17
3 ай бұрын
Create a React App in 2024
8:45
3 ай бұрын
MUST Have TypeScript Extensions
5:18
What are React Server Components?
17:40
The BEST way to learn TypeScript
5:18
Пікірлер
@MentoricGrowth
@MentoricGrowth Күн бұрын
thankyooooooooooouuuuuuuuuuuuuuuuuuu soo muchhhhhhhhhhhhhh i was having an problem like i couldnt get my data to display everytime i deleted or added it, but while watching this video, i got to know about revalidatePath and it solved it like thankssss a lottttttttttttt~
@user-us3bs8px3m
@user-us3bs8px3m Күн бұрын
Max said end of React. You say end of Remix. Whom should I listen to?
@ben53933
@ben53933 3 сағат бұрын
None. Nothing is ending
@patrickmotaung5866
@patrickmotaung5866 2 күн бұрын
I'm so grateful I found this video
@DimaSofiyuk
@DimaSofiyuk 4 күн бұрын
Awesome demo and explanation of the generative UI in AI applications! It's fascinating to see how interfaces can dynamically interact with users based on their inquiries. I use Plerdy's free version to optimize user experience by analyzing how visitors interact with my site, which helps me make similar user-centric decisions without sophisticated AI tools. It’s amazing to see how technology continues to evolve in this space! 🌐
@dan.stacy1
@dan.stacy1 5 күн бұрын
Amazing video. This was so helpful! Thank you so much.
@eliuddyn
@eliuddyn 5 күн бұрын
Amazing 🔥🔥
@matt-d-webb
@matt-d-webb 5 күн бұрын
Great tutorial! Note: The use of the word "essentially" (84 times) was perhaps a little overused 🙂
@MrRPss
@MrRPss 6 күн бұрын
Dude I believe there’s some issue with the sound tho
@daviddrughi3337
@daviddrughi3337 6 күн бұрын
this is absolutely AMAZING ! thank you so much! just amazing !
@Gabeyre
@Gabeyre 10 күн бұрын
Vercel AI
@mainamburu8036
@mainamburu8036 13 күн бұрын
great stuff ..would love that tutorial
@kshitijsingh2832
@kshitijsingh2832 13 күн бұрын
Great work! Would really love a tutorial with the SDK.
@lasal7820
@lasal7820 14 күн бұрын
thanks a lot! I've subscribed!
@digitalsahara6670
@digitalsahara6670 14 күн бұрын
Hi there, great tutrial so far, love the explanations I had a questions around the 21:50 where you are signing up, I a getting a { status: 429, code: 'over_email_send_rate_limit'} error from supabase, I didnt change the code, just downloaded the repo and was following along, are you aware of why this could be?
@JollyCoding
@JollyCoding 13 күн бұрын
This is related to the confirm email step I mentioned at around 5:00 , Supabase limits email confirmations that it can send, as you are supposed to link your own email provider. If you are just testing, toggle off "Confirm Email".
@digitalsahara6670
@digitalsahara6670 13 күн бұрын
@@JollyCoding ohh, I see got you now! thank you so much for such a great tutorial and quick response.
@Thassalocracy
@Thassalocracy 17 күн бұрын
The blog says quite clearly that remix is not going to disappear, just rebranded as react router v7. And it also hints at server components coming soon. It would be really weird if remix were to just disappear all of a sudden given that Shopify created, maintains and uses it.
@flnnx
@flnnx 18 күн бұрын
I've taken a similar approach. The only thing that I am not a big fan of is calling getUser() for the post requests requests. It slows down the app a little bit, but it's way more secure tho. I wonder if there's some work-around for that.
@y.m.o6171
@y.m.o6171 19 күн бұрын
Great work. Can you please add the appropriate license file to the git repo in case you want this code to be shareable with others like me.
@robertwachira8172
@robertwachira8172 19 күн бұрын
Didn't see that coming, remix taking a "little nap", I think for any serious projects you should stick with nextjs, seriously.
@AnnalogueCodes
@AnnalogueCodes 19 күн бұрын
Wow this is a rip-off of this exact same video (even the shirts are the same): kzbin.info/www/bejne/q5zTmKt7mtKLqc0si=oyd_mdqTwIi03UY9
@fastneasy
@fastneasy 19 күн бұрын
that's another reason to love Svelte : their fullstack offering Sveltekit is built by themselves
@NikosAnimals
@NikosAnimals 8 күн бұрын
this is a non point
@codernerd7076
@codernerd7076 20 күн бұрын
I now using the router from the react-query devs in my Vite apps. The react-router broke my projects too many times
@JollyCoding
@JollyCoding 20 күн бұрын
Tanstack Router is awesome, certainly good to see some innovation in this space, especially from the smart guys over at tanstack. Cant wait to see where their framework goes in the future tanstack.com/start/latest
@knowledgedose1956
@knowledgedose1956 19 күн бұрын
in what ways, for example
@StingSting844
@StingSting844 19 күн бұрын
If React router adds typesafe routing like Tanstack router this is going to be solved. Its just going to be a patch fix for sure. The API is just solid
@lamhung4899
@lamhung4899 17 күн бұрын
Break in what way?
@JollyCoding
@JollyCoding 20 күн бұрын
EDIT: Since filming this they have updated the blog post, to try clear up some confusion about where the Remix brand is going: remix.run/blog/merging-remix-and-react-router Have you used React Router or Remix? What do you think of this move? More confusion in the short-term? Less in the long-term? Let me know!
@yarapolana
@yarapolana 20 күн бұрын
revalidatePath thing made me rethink using NextJS again, I really like Remix.
@JollyCoding
@JollyCoding 20 күн бұрын
A lot of people share similar thoughts on some of the NextJs stuff. I think Remix has stuck a lot closer to pure React that people find it an easier concept to grasp. Maybe I should do a tutorial on Remix one day!
@yarapolana
@yarapolana 18 күн бұрын
@@JollyCoding Please do, the community needs it.
@blink11101
@blink11101 20 күн бұрын
bro, this is a quality tutorial. thanks!
@JollyCoding
@JollyCoding 20 күн бұрын
Glad it was helpful!
@rawarg
@rawarg 20 күн бұрын
Overall Great Awesome Work You Did There!!! I am not 100% sure about the things I will write in this comment. But I guess it is better to check out and learn. Only thing that conserns me is that on 1:31:45 you've added notFound() from next/navigation. Actually because you are using generateStaticParams that notFound fn would only work in local environment but not at production level. Let me explain why? generateStaticParams runs before the corresponding Pages or Layouts are generated on next.js build time. What is happening behind the curtain: Using generateStaticParams on a path that is SSR, the build works because it could access the data but then the pages never got created on the build time. This means, your pages are built anticipating static rendering but at runtime. So when anyone tries to go to the path, there's no static page to render and also usage of dynamic functions are not allowed in Next.js (in this case it is the searchParams) - so you will get the 500 error on production. I may be 100% wrong about this because of this new server and client directives actually a huge mess to grasp. We're using a mix of static and SSR which is why I may got mixed up. Here are some references that made me question your approach. Static & Dynamic Rendering: nextjs.org/docs/app/building-your-application/rendering/server-components#static-rendering-default Dynamic Functions: nextjs.org/docs/app/building-your-application/rendering/server-components#dynamic-functions
@digitalsahara6670
@digitalsahara6670 21 күн бұрын
Hi there, fantastic video, really love the way you explain things are you able to do a breakdown on how you created the JollyUI? would love to learn more about the architecture and creating reusable components for design systems
@MrDiaz-hw3uy
@MrDiaz-hw3uy 22 күн бұрын
any framework!... for react :(
@JollyCoding
@JollyCoding 22 күн бұрын
It works with react, svelte, vue, angular and more! github.com/atlassian/pragmatic-drag-and-drop The readme lists them. Just my examples were react as that’s what I am comfortable with!
@MrDiaz-hw3uy
@MrDiaz-hw3uy 22 күн бұрын
@@JollyCoding Oh! sorry. Ist's just that I made a short check in the docs and a google research and I didn't found any mention to angular
@emmanuelgenga7421
@emmanuelgenga7421 22 күн бұрын
Part of me is smiling watching this, it's also something interesting to build in the learning process
@korendani
@korendani 22 күн бұрын
Nice! The problem with all F1 related apps is the violation of their IP... It is literally impossible for you to do anything.... Even the telemetry data is registered... it can't be used without their permission. BTW, Lewis is Ok... ;)
@JollyCoding
@JollyCoding 22 күн бұрын
Yeah it’s a fun learning project, I wouldn’t want to release it in any big state because I imagine F1 are quite protective! Don’t need that headache! Might be a bit of a Lewis fan… do just love a good race too though!
@JollyCoding
@JollyCoding 22 күн бұрын
This was my first time trying something new here, I appreciate it wont be perfect, but that is quite fitting with the conclusion of the video! Let me know what you think, and did you pick up on who I may support in F1?... Subtle.
@ebm_gamer
@ebm_gamer 22 күн бұрын
You did great! Love your presentation style and the content in this one 👏👏👏
@yukiritosurada8392
@yukiritosurada8392 24 күн бұрын
How to break apart sprite sheets?
@suzma_a
@suzma_a 25 күн бұрын
queeestion? can you also check in middleware for different subscription tiers? eg. there are three groups of posts (posts and info to which group they belong is fetched from cms) thanks!
@staystealth
@staystealth 26 күн бұрын
fantastic video! was looking for an example of rendering markdown with nextjs. glad i stumbled across this
@JollyCoding
@JollyCoding 20 күн бұрын
Awesome to hear, thank you!
@roylaw2866
@roylaw2866 28 күн бұрын
good stuff!
@boyo_23
@boyo_23 28 күн бұрын
i think this works as well i am not sure though ^react(/(.*)$|$)
@bunggoonesixeight8920
@bunggoonesixeight8920 29 күн бұрын
VS Code What font do you use?
@JollyCoding
@JollyCoding 28 күн бұрын
JetBrains mono!
@oopss794
@oopss794 Ай бұрын
"Any tech stack" , what about react native?
@BruceWayne-lm6xt
@BruceWayne-lm6xt Ай бұрын
Honestly I found It difficult to Undestand the tutorial I will continue after learning further Thanks
@JollyCoding
@JollyCoding 20 күн бұрын
Anything you think I could improve, or was it more you just weren't at the level I was teaching yet? Im always looking to improve!
@BruceWayne-lm6xt
@BruceWayne-lm6xt 19 күн бұрын
​@@JollyCoding Your content is Superb ,Actually I just jumped on NEXT js after doing some projects on MERN.
@timothymeade-on-twitter
@timothymeade-on-twitter Ай бұрын
Excellent breakdown and code. Not many out there yet for this fantastic new package.
@lakeesivaraya753
@lakeesivaraya753 Ай бұрын
I rarely comment on youtube videos, but you are going to blow up. The production quality is amazing, and you are very good at explaining content!
@JollyCoding
@JollyCoding Ай бұрын
Thanks for the kind words!
@alfarizidwiprasetyo9280
@alfarizidwiprasetyo9280 Ай бұрын
thanks for creating this great video, but may i ask in ImageResponse i cant use reactElement it says cannot find name div or any other html tag, is it deprecated ?
@alfarizidwiprasetyo9280
@alfarizidwiprasetyo9280 Ай бұрын
My bad bruv i name it ts instead of tsx 😅
@AAlfuhaide
@AAlfuhaide Ай бұрын
the sound is wau too low. i thought my headset were broken
@IkraamDev
@IkraamDev Ай бұрын
Thanks for this video.
@gfsaliev
@gfsaliev Ай бұрын
You're doing a great job! This is a great video, thanks for creating it.
@prashlovessamosa
@prashlovessamosa Ай бұрын
Hey james please make more longform stuff.
@JollyCoding
@JollyCoding Ай бұрын
I have a lot of ideas on the todo list, they just take a lot more time!
@prashlovessamosa
@prashlovessamosa Ай бұрын
@@JollyCoding you can create in parts I followed your blog tuts learnt a lot do make something whenever you have some time.
@anassabidar101
@anassabidar101 Ай бұрын
This is the best straight to the point supabase nextjs tutorial, I only have one question is how can we customize the sign up page to get more information about the user! also manage user permissions and roles like pro and free members of a certain app. Thank you for your efforts!
@KamalSingh-zo1ol
@KamalSingh-zo1ol Ай бұрын
Subscribed :D
@ilonachan
@ilonachan Ай бұрын
For the constant index accesses, it seems very helpful, but will that really be okay? Sure the regular indexing won't cause any side effects, but proxies exist! It'd be severe abuse of notation, but theoretically `proxy[key]` needn't return the same value, or even the same type of value both times, right? Will TypeScript be able to understand this, or will we be able to tell it that explicitly somehow? Or is this just broken with no fix?
@ndricimidrizi
@ndricimidrizi Ай бұрын
Thank you for this great video!
@bibeshdhital1067
@bibeshdhital1067 Ай бұрын
Like i have: restaurants/xyz. Where xyz is the restaurant and i need to fetch the details of the specific restaurant. What to do in this case ?