Відео

thanks from France !

Thanks for sharing it and excellent explanation

Many thanks

Everyone does this kind of content on manners. It would be more useful if you thought about doing this for a larger project using Context and adaptive modals.

15.58 . Navbar is not showing

Absolutely super gorgeous. What a stellar tutorial, thank you so much.

getting swrConfig Error.. What can I do to fix it?? Please can anyone tell

Your middleware protected route is buggy

Clicking on sidebar item reloads app i face this bug

In the first step why my main. Jxs not like urs ?

00:04 DND kit is recommended for easy and actively maintained drag and drop functionality in React. 02:00 Setting up DND context and defining collision detection 04:04 Implementing drag and drop functionality in DND context. 06:18 Implement drag and drop functionality using DND kit 08:41 Attaching reference and styling element for drag and drop 10:50 Implementing drag and drop for task rearrangement 12:51 Adding different sensors and using them for drag and drop functionalities 15:13 Adding drag and drop functionality using React's dnd-kit

Excellent explanation !!

49:28

44:25

41:56

i'm rn on 17:47 i want to just say we should store that response in variable so we don't need to make request everytime! am i right?

Purchased. TY

👍

i am not able to use the given api i dont know why this doesnt work for my i think api provided is not active now

I've worked on this dropdown before, it actually has a lot of cases that need to be done - The hardest thing is for users to open dropdown and scroll, That means you need to calculate the position of the dropdown to make it display according to the frame, for example, scrolling down near the bottom of the screen must display it facing up. - Second is the smoothness of scrolling when scrolling with the mouse, dropdown is quite annoying, but scrolling with the touch pad is no problem. - Calculating up and down rotation is not enough, it is necessary to calculate left and right display - In addition, we also have to calculate the height for dropdown content, on tablets - If open is false, you should completely hide it, avoid unnecessary rendering. Open, you set the object's 2 keys as show and enable, show to display dropdown with css, and enable to handle display with JS,

30:00

Excellent clarity and just what is needed ! Many thanks. 👍👍

My codes are not running parallelly in the chrome what extension is used in your chrome I'm using Microsoft bing as my web page so what extension can i use

If I add a new column for example user, now all the rows have a user field, now what I want is to that from modal form if I add a new page with new user or if I edit existing row and change user then that user should be set for all the rows, example currently all rows have user X but if I change or add a new row and put user in as A then all the rows should dynamically get user as A, how to do this?

Explained in a manner that it became easy to understand for beginners like myself. Thanks a lot!

Good teacher! God bless you

awesome tutorial. just a little tip: for the css classes of box and reset-btn you should add cursor:pointer to show interactivity. also in the Board.js you should give your mapped buttons components a key prop "key={idx}" to get rid of the annoying error message in console

Great video! I'm a beginner at React and your video has helped me so much.

great and fast tutorial

Thank but if you drag and dropping components stored inside the database

Thank you so much i learned a lot of this tutorial keep going with these amazing videos

you should have shown the final output after finishing as this is a frontend project that mini view looks weird

this video is very useful, that was my first time using react and I learned a lot thx <3

Thank you brother, you're a angel

this is the best tutorial I have seen so far. thanks man everything is on point.

I dont know why my Portfolio is not horizontally aligned with the menuBtn on small screen. I have tried a lot but it is not helping. Can anyone help?

Thank you so much!

16:04

your voice is so beautiful

if you face error in clerk sign in then use this code import { clerkMiddleware, createRouteMatcher } from '@clerk/nextjs/server'; const isProtectedRoute = createRouteMatcher([ '/(.*)', '/', ]); export default clerkMiddleware((auth, req) => { if (isProtectedRoute(req)) auth().protect(); }); export const config = { matcher: ['/((?!.*\\..*|_next).*)', '/', '/(api|trpc)(.*)'], };

anyone have this code?

Nice tutorial! Where can I visit the repo for code bro? Thanks

Thanks for this awesome project

i am having issues with the clerk sigin page not loading

Great video! Learned a lot and in such a great manner!! Kudos!

This is clear and so simple and so helpful!

have one doubt after deleting that vite.svg and that assest folder how youre able to remove the error facing issue with that how to resolve can anyone please tell

Helped me a ton with a project for school! They did a great job with showing me how JS works and im pretty damn good on the command line and vim after only a few months, but the ways they'd try to explain react always puzzled me. This made it feel very elementary and easy to pick up on WHY you're doing things the way you are and HOW they work together! Thank's a ton, you made my brain expand today. Subbed!

having trouble with the hero section of this page// no errors popping up in the terminal or in the console browser, and most everything else was working fine until this point but none of the hero.modules.css are applying to my page. It'll save and npm will restart the browser but it isn't taking effect with the color transparency and image isnt floating around

Thank you sm! You saved me :)