hi guess ive been searching for this video im using vite with shadcn i get this error const {goToMonth, currentMonth} = useNavigation() Property 'currentMonth' does not exist on type 'Navigation'.ts(2339) const currentMonth: any
@DiogoLScarmagnani6 күн бұрын
Very helpful video, thank you for it.
@morgan24TH8 күн бұрын
Was that intro even necessary?
@captainalpha485311 күн бұрын
straight to the point. Thanks muck legend!
@nawazishali27412 күн бұрын
I just want to know why your are doing this way Im working in next js application in which sometime mean in first time when visit to some specific route it takes to much time rather than visit to the same page for the second time could you tell me why it all happens and what is the appropriate way to resolve this issue. Thanks 😊
@ihsanshafi104712 күн бұрын
can you push it on your github thanks alot
@any_account-b6x13 күн бұрын
This tutorial is awesome! 🎉 But I want to mention that you are using the utils function "cn" not in the correct way 😛
@ikhsansdq18 күн бұрын
Thanks for the tutorial, great video btw but I think sheet component will be more suitable for the component that you modified, it's simpler
@WebDevEducation18 күн бұрын
🙏
@globalfunseeker673323 күн бұрын
Thanks so much for the helpful tutorial. Despite being four years old, it's still very relevant and well constructed. I have one question, however. The responsive nature of flexbox is clear when setting flex-wrap to wrap. But if you wanted the first DIV to span 100% of the parent container, followed by 3 DIVs measuring 33% in width, how would you do it? In essence, the reverse of what you have presented. The problem when using percentages is that you can't use the gap function. If, for example, you have two DIVs set to a width of 50%, when you set a gap of 10px, the second DIV wraps. Gap adds to the container width, unlike in Grid. I find it easier to set a percentage value for the first DIV, and flex: 1 for the second. In this case, using gap doesn't interfere with the layout. Kind regards, Mark
@donaminos24 күн бұрын
Thanks a lot for your insights. I am trying to wrap my head around server actions, and I have a question related to the scenario of fetching data in a client component. From my understanding server actions always use the "POST" method for the request sent to the backend. And using a "POST" request to fetch data, feels wrong to me. It should be a GET. Using a server action in this scenario goes against the initial intent of this feature (data mutation) I guess, doesn't it ?
@WebDevEducation23 күн бұрын
Yes you're right, altho I'd be fetching data in a server component before doing that, and passing it down to the client component if it needed to be passed down rather than directly fetching from the client component.
@brianmcbride163124 күн бұрын
One has to wonder why the ShadCN UI isn't updated properly. I'm starting to avoid using it and instead applying DaisyUI styles to Radix directly.
@AnimusBehemoth24 күн бұрын
I'd suggest having the drawer come up from the bottom, since most users thumbs can only reach 2/3rds up the screen comfortably. (this is not meant to detract from the excellent video)
@steveportock217725 күн бұрын
This was excellent thank you!!!
@Hicham-z7t25 күн бұрын
great video but unfortunately you are a little fast for those struggling with coding still. had to rewind many times
@WebDevEducation25 күн бұрын
🙏
@kareememad219526 күн бұрын
great work , thank you so much ❤❤
@usmanmughal591627 күн бұрын
Please also address the issue where on mobile screen when we open the keyboard to type half of the dialogue hides behind the keyboard
@KaranSethia2429 күн бұрын
Dude, Im just straight up bookmarking this. It was driving me crazy, this is specially annoying when you're using a select or command component inside a dialog. This and the pointer-events: none in the body that radix ui does is so annoying
@KumarPiyushXIAАй бұрын
your video is the only video that i can understand even though i am fresher in web-dev ........ thank you for the help. it helps to make a project for hackathon
@aliventurousАй бұрын
Instant subscribe. You know your stuff. Would love to see your take on react-query for how to get data to many nested components. And framer-motion for complex animation sequences.
@pradhuman_ramawatАй бұрын
When i pass props numberOfMonths={2} to this calendar component it displays the same month in both current and next month dropdowns. How can I solve this issue.
@timbauer399Ай бұрын
Who is logging in using Github? NOBODY!!! Preach, sir. Loved this. Had me rolling.
@Harsh_jora4444Ай бұрын
thanks man i back to my work now 🤍
@omarkraidieАй бұрын
can you should you use server actions with tanstack query for reladiating and handling caching / loading and errors?
@LoneDarkWarrior013Ай бұрын
yeah, this dude is make sense im subscribe
Ай бұрын
If you're using App folder with newer Nextjs 14 you need to put the middleware.ts file inside src to be at the same level as app folder. Nextauth docs are worst than sheet, they don't even have documentation on their hooks nor sessionprovider, or something useful at all.
@niklausmikaelson7332Ай бұрын
If you tyoe in the input check in console it will give error that uncontrolled change to control
@WebDevEducationАй бұрын
If you add defaultValues to empty string in the react hook form instance it will clear this error 🙏
@arystanbekjetisy7329Ай бұрын
why didnt you show how to make actual mobile menu with navlinks lol. you cant cz you noob. video is bs
@dedecovascoАй бұрын
THANK YOU!!! Thats what I thought! lol github oauth what a joke
@jarvs10Ай бұрын
love u man🤩🤩😍
@jamesblake80Ай бұрын
Amazing video thanks! Made it really simple :)
@vpetryniakАй бұрын
There is still abug in your implementation. Cross button i snot displayed correctly
@WebDevEducationАй бұрын
I already highlighted this in a comment when I posted the video: "NOTE: You also need to add a class of "relative" to the DialogPrimitive.Content component to ensure the close / X button renders correctly within the dialog."
@vpetryniakАй бұрын
What if you have horizontal small width? I also tried to fix horizontal bu cannot make it work correctly with cross close button icon
@talktotask-ub5fhАй бұрын
Thanks for sharing. You made a great tutorial! Regards from Brazil 👍
@WebDevEducationАй бұрын
Glad it was helpful! :)
@Hatim-s1tАй бұрын
thanks 👍
@happyexeАй бұрын
Thanks for the tutorial! Could you clarify why there are 2 console.log statements coming from the useEffect?
@WebDevEducationАй бұрын
This is because react double renders in development. You can read more about it here: react.dev/reference/react/StrictMode#fixing-bugs-found-by-double-rendering-in-development
@hofimastahАй бұрын
You didn't finish!
@dragonloboJRАй бұрын
The first time I saw this video I knew it would be useful to me in the future, 2 months later i'm here, thank you!
@WebDevEducationАй бұрын
Glad it was helpful!
@nixonmbeki5690Ай бұрын
You're the giants we stand on. Thank you.
@WebDevEducationАй бұрын
I can't take credit for the fix but happy that I was able to share it with people who may otherwise not have seen it 🙏
@Lone-TunaАй бұрын
How to pass the values to server actions?
@zb2747Ай бұрын
FINALLY! I agree that everybody does not have these cloud services. user/pass is good, always has been. Thank you brother!
@MikeVarela-g1j2 ай бұрын
Wow, what a find. Was really struggling with this. Thanks for the great explanation and work!!
@WebDevEducation2 ай бұрын
Glad it helped! 🙏
@rambosweat2 ай бұрын
that was refreshing! those github tutorials were infuriating! lol
@LucasSantos-cf6nz2 ай бұрын
Are you getting states errors in the browser console when using inputs inside the modal?
@dsa-j8x2 ай бұрын
i am having an issue with the close/X button when i click on the x/xlose buutton the dialog is not closing can you help me solve the issue pls: heres the code pls once go through this : <Dialog open={openDialog}> <DialogContent> <DialogHeader> <DialogTitle>Create new Resume</DialogTitle> <DialogDescription> <p>Add a title for your new Resume</p> <Input className='my-2' placeholder="Ex.Full Stack Resume" onChange={(e) => setResumeTitle(e.target.value)} /> </DialogDescription> <div className="flex justify-end gap-5"> <Button variant='ghost' onClick={() => setOpenDialog(false)}>Cancel</Button> <Button disabled={!ResumeTitle || loading} onClick={() => onCreate()}> {loading ? <Loader2 className='animate-spin' /> : 'Create' } </Button> </div> </DialogHeader> <DialogFooter> </DialogFooter> </DialogContent> </Dialog>
@gurjotsinghpandher39082 ай бұрын
Great tutorial -- really helped me :)
@WebDevEducation2 ай бұрын
Awesome! Glad it helped!
@alhajiahmed37822 ай бұрын
You tut is so clear. Thanks man
@WebDevEducation2 ай бұрын
Glad it helped! 🙏
@victoroluwafemi62292 ай бұрын
Hello we are Victorz Team, We are reaching out to discuss a potential business collaboration related to your Udemy course. Our aim is to increase your course's visibility, broaden its audience, and generate positive reviews, get more students & sales. We would greatly appreciate the opportunity to schedule a meeting at your earliest convenience to explore this partnership further. We look forward to discussing how we can mutually benefit from this collaboration.