Пікірлер

• 
  @alexdin156512 күн бұрын

  please can you make a video about login using facebook?

• 
  @codewithghazi12 күн бұрын

  Of course. I can make that. I will create something which will have multiple logins for you in some days. I'm currently finishing this series after this series will create that.

• 
  @josh4play.youtube24 күн бұрын

  thank you

• 
  @codewithghazi23 күн бұрын

  Welcome. Im glad you liked it. Please consider subscribing to the channel for more such content.

• 
  @Priya-jo2nkАй бұрын

  The video is excellently explained and super beneficial. Thank you for sharing it.

• 
  @codewithghaziАй бұрын

  Thanks for the kind words, Priya! I'm glad you liked the concept and explanation.

• 
  @techzone247Ай бұрын

  Great brother...

• 
  @codewithghaziАй бұрын

  Thank you so much 😀

• 
  @codewithghaziАй бұрын

  Timestamps: --- 00:00:00 Intro about Why this project? 00:02:22 What you will learn in this video 00:02:49 Example QR - Use case of this project 00:03:47 Agenda of this video 00:04:50 Initialize project with NextJS 00:06:35 Install ShadCN UI and add components 00:07:56 Cleanup default html 00:08:48 Create form schema with Zod and Define form with useForm hook 00:10:46 Add Form element and use ShadCN Form Input Components 00:12:49 Debug/Troubleshoot form error 00:14:18 Styling components 00:15:54 Add Form Handler events and add QR Generation Logic 00:24:14 Display QR Code 00:26:12 Test QR Code 00:28:04 Add Download Image Functionality 00:31:00 Add Copy image to clipboard functionality

• 
  @nazamkalsi9686 ай бұрын

  🛐

• 
  @SS_Collections19929 ай бұрын

  Good information 👍

• 
  @dushanbaranige379910 ай бұрын

  how we use those components in functional and class base form in react? if you can create videos for those forms it will very help for watched developers. when you create those videos used API URLs bcz real-world scenarios using API calls

• 
  @MahboobehAlizadeh-nc4pk Жыл бұрын

  Thanks a lot. it was great

• 
  @desmondawere3409 Жыл бұрын

  Thank you for this, I tried to use file type and it returns error. Any idea?

• 
  @codewithghazi Жыл бұрын

  Could you please share your code and error. I can check and revert back.

• 
  @lucifer45227 Жыл бұрын

  thankyou

• 
  @biancamagali100 Жыл бұрын

  Great video! where can I find the css for this?

• 
  @hussenelswaf9660 Жыл бұрын

  perfect

• 
  @ZettoChannel Жыл бұрын

  Hello mate, if i add multiple dropdrop filters, can i make it find the results that match all the dropdown filter selections?

• 
  @codewithghazi Жыл бұрын

  Yes you can make it work. There are two options majorly these kind of filters are handled over backend in DB query. If you want to make that work on UI, you can modify the filter function to work with multiple filter conditions.

• 
  @ZettoChannel Жыл бұрын

  @@codewithghazi Hello, i managed to do it on the backend but i have issues creating the options for the drop down list

• 
  @sowndaryapalani7782 Жыл бұрын

  I can't able to create directory

• 
  @shreyanipanikar5515 Жыл бұрын

  i have done for to date but its not working for range. Can you help?

• 
  @codewithghazi Жыл бұрын

  Yes, you can create a GitHub repo for it. I'll update and raise a pr

• 
  @MyCodeBytez Жыл бұрын

  this is what i am looking for........ thanks a lot. please provide your contact number.

• 
  @cherant2884 Жыл бұрын

  tq bro very useful .............for creating a button compound

• 
  @ekanemeno4565 Жыл бұрын

  An alternative way to handle input: const [formInputs, setFormInputs] = useState({ name: "", email: "", gender: "", startDate: "", endDate: "", }); const handleInputChange = (e) => { setFormInputs({ ...formInputs, [e.target.name]: e.target.value }); onNameFilter(e.target.value); };

• 
  @codewithghazi Жыл бұрын

  Yes this is also a good way. Thanks for sharing. 👍

• 
  @roshanstepit Жыл бұрын

  Why did you have to in the end use External lib like dayjs for date filters. Is the logic for dates so difficult that there is no help for it on the internet. All companies don't allow ext lib bro.

• 
  @codewithghazi Жыл бұрын

  Hi, It is not about the difficulty, I have used dayjs library to have the implementation short and simple rather than to go deep in writing date functions. The video was about the give the idea on Filtering data with multiple filter criteria not on date functions or libraries. Yes, I understand there are companies don't allow the use external libraries, but as the video was to give the idea on filtering, there might be some different use cases in the filter as well. That is why i didn't write date functions to have comparison with dates.

• 
  @aditisaxena34512 жыл бұрын

  In some form we have to use input box for entering number so assigning text as a default props for type is not correct so I want to ask what we have to assign as a default props for type then ?

• 
  @codewithghazi2 жыл бұрын

  You can pass it as value={yourValue}. This will be added to the html as value prop and you can edit the value too.

• 
  @jaikrishna35862 жыл бұрын

  thanks bro

• 
  @christianvaldivia92172 жыл бұрын

  I have some doubts while filtering is it corre tht when im filtering by gender and then i search a name it returns global names?

• 
  @prashantkumar29632 жыл бұрын

  Nice video Bhaiya.

• 
  @serious0me2 жыл бұрын

  is it a combined search/filter?? I mean for example can I search for the name & the gender during a selected period of time at the same time??

• 
  @codewithghazi2 жыл бұрын

  Yes it is combined

• 
  @ravi13419752 жыл бұрын

  can we create plugins in react js?

• 
  @codewithghazi2 жыл бұрын

  Yes we can create a plugin. We can create a custom build config or can use Create React Library to create a library project which will scaffold everything we need. BTW, for the form component I have created an NPM library www.npmjs.com/package/formify-react. You can use it in your project.

• 
  @ravi13419752 жыл бұрын

  @@codewithghazi Thank you.

• 
  @ravi13419752 жыл бұрын

  Thanks for this "Gyan" on how to implement reusable components.I have been looking this kind of video from long time. 👍

• 
  @codewithghazi2 жыл бұрын

  Glad it helped

• 
  @_mr_hasib2 жыл бұрын

  Thank you. It's worked. I have learned something new.

• 
  @bluebassboy222 жыл бұрын

  Thanks, Ghazi, you came in clutch!

• 
  @codewithghazi2 жыл бұрын

  I'm glad I was able to help you in some way. :)

• 
  @idevbrandon2 жыл бұрын

  Thank you so much! You saved me!

• 
  @tomasgilamoedo83012 жыл бұрын

  Great content bro!

• 
  @tamaraevpraksina69452 жыл бұрын

  Thank you very much. I like you video.

• 
  @SS_Collections19922 жыл бұрын

  Kya baat hai

• 
  @bhojakrahul58802 жыл бұрын

  I have some doubts while filtering if no data found how to manage that

• 
  @codewithghazi2 жыл бұрын

  You could check if the returned array length is zero then you could show some message like "No data found".

• 
  @bhojakrahul58802 жыл бұрын

  Hi bhaiya i am from India and you are really good creator, can you please created a full series in full stack that no one created in KZread. And I find you on Instagram but it seems your profile not found...

• 
  @codewithghazi2 жыл бұрын

  Hi Bhojak, I'm glad you liked the content. I'll try to make some full stack series. My Instagram account is having some issues. I'll maybe create a new one with some new contents.

• 
  @roblevintennis2 жыл бұрын

  Nice! Please add aria-busy="true" role="status" and aria-live="polite" to the container element. Also, please add inner span with aria label like "Loading…" and hide it with the typical screenreader only or visually hidden CSS.

• 
  @codewithghazi2 жыл бұрын

  Nice suggestion! I would surely add these tips to forthcoming videos

• 
  @gorettaadams89762 жыл бұрын

  Thank you very much for this video. I loved it.The explanation was very clear!! But was there any passing of props here? If yes, how?

• 
  @codewithghazi2 жыл бұрын

  Yes, you could pass any prop to the component. Eg: const Button = ({value, onClick}) => ( <button className='app-button' onClick={(event) => onClick(event)}> {value} </button> ); Usage: <Button value='Click Me!' onClick={handleClick} />

• 
  @purveshtamboli73822 жыл бұрын

  I was stuck between creating reusable component, and after that I saw this. You are a savior bro❤️. Awesome content🔥

• 
  @codewithghazi2 жыл бұрын

  Glad to hear that

• 
  @mohamedboularas64802 жыл бұрын

  Hello, i like your job, but why you didn't add (to) for the second part of date filter ??

• 
  @codewithghazi2 жыл бұрын

  I thought to give that as task to viewers so that can do the practicing too.

• 
  @yogeshjadhav54682 жыл бұрын

  Great Video..everything explained very well..

• 
  @codewithghazi2 жыл бұрын

  Thanks. I'm glad you liked it.

• 
  @easyfinanceexplained2 жыл бұрын

  Great efforts bro

• 
  @codewithghazi2 жыл бұрын

  Thank you!

• 
  @emmanuelakogwu77612 жыл бұрын

  couldn't really follow..... extremely small fonts. kimdly zoom in in future videos

• 
  @codewithghazi2 жыл бұрын

  Hi Emmanuel, I'm sorry for inconvenience. I'll make sure to keep this in mind for future videos

• 
  @dattm55272 жыл бұрын

  how to config for typescript?

• 
  @codewithghazi2 жыл бұрын

  I'll come up with typescript version very soon

• 
  @AndersonManosalva2 жыл бұрын

  Hello Ghazi, this video is just what I'm looking for, thank you very much.

• 
  @codewithghazi2 жыл бұрын

  Glad it was helpful!

• 
  @hadilfares73172 жыл бұрын

  nice video , please could u finish "to" ! thank u

• 
  @sanjushekhawat64462 жыл бұрын

  Create some vedio on real world project so we can understand how actually work reactjs nd reusable component

• 
  @codewithghazi2 жыл бұрын

  Sure. I'm already planning for it.

• 
  @sanjushekhawat64462 жыл бұрын

  Am searching same type vedio thanks for your efforts

• 
  @codewithghazi2 жыл бұрын

  Thanks. I'm glad I could be of some help.

• 
  @dileepbannikatti79002 жыл бұрын

  hi i have done for to date but its not working for range like 21-05-2020 to 21-05-2021 range can you please help me here?

• 
  @codewithghazi2 жыл бұрын

  Sure I would help. Could you please add your code to GitHub, it will be easy to take it forward.

• 
  @dileepbannikatti79002 жыл бұрын

  Nice video ,please add this kind of , real time project examples

• 
  @codewithghazi2 жыл бұрын

  Ok sure next time.

• 
  @AmitKumar-pq8jg2 жыл бұрын

  @@codewithghazi hello sir

• 
  @codewithghazi2 жыл бұрын

  Hello @amit

• 
  @SS_Collections19922 жыл бұрын

  Good job 👌👍

• 
  @codewithghazi2 жыл бұрын

  Thank you! Cheers!😀