I have so far done this with jquery with no pain but with react I was in trouble and finally found something to overcome the hurdle. THANKS A LOT FOR GOOD CONTENT.
you probably dont give a shit but if you guys are bored like me atm then you can watch pretty much all the new series on InstaFlixxer. Been binge watching with my girlfriend for the last weeks xD
Also I'd just like to mention that you should probably change the title of your video. Most people call this a combobox or auto complete. I almost didn't find it because your video is called auto suggest. Thanks so much for the awesome tutorial
This is a really excellent video honestly. Thanks for explaining with such clarity. I'm subscribed now and looking forward to more life changing content from you sir
@@leighhalliday hahaha...anyway I got sorted by using your code here github.com/leighhalliday/react-forms-demo/blob/master/src/App.css....Thanks alot....Keep up the brilliant work......Your tuts on testing are great too......Cheers
Hello. I have face a problem in displaying the country in front end which I added in database previously. I have define the data in my initialValues={{destination: destinationdata.destination ? destinationdata.destination : ' '}}. This works in other fromik field. Can you help me in this?
Hey Kong! Does `destinationData.destination` contain the correct value? Does it have it immediately? Maybe don't render the form until you have finished loading the data from your DB?
Hey nice video ! I just discover your channel, love it ! Just a question, isn't it more efficient to load the api result once and then filter those result as the user type to make fewer API calls ?
Hey Pierre! Maybe it would have been in this case, but you can't always load all the data and filter client side. If there are 100k records in total, and the user only wants 50 of them, way better to let the database/backend filter that data I think rather than loading it all and doing it client side.
I think you could transform data prior to placing it into the form and prior to posting that form back to the server. I don't think it would have to match the APIs data structure.
I’ve used this autoSuggest API before. Personally I think it’s to much work to make a simple auto suggest. I had to pass in 4 or 5 functions for the API to work. Where as making my ow N only required 2 or 3 and a lot less code. Just my opinion.
Yea, no doubt. It was hard to do the video because I had to try to memorize all the functions and params each one received haha. I had notes on a sheet of paper beside me! That said, do you handle highlighting fragments, browsing with cursor, tabbed selection, etc... stuff that Autosuggest does out of the box? It's not impossible, but I imagine they handle a number of edge cases.
Thanks so much, I was stuck figuring out how to implement auto suggest
I have so far done this with jquery with no pain but with react I was in trouble and finally found something to overcome the hurdle. THANKS A LOT FOR GOOD CONTENT.
Thank you very much Shaheen!
Okay, so now I will receive notifications about all of your new videos :D
Awesome :) Thanks for watching and taking the time to comment, Alex! I appreciate it.
you probably dont give a shit but if you guys are bored like me atm then you can watch pretty much all the new series on InstaFlixxer. Been binge watching with my girlfriend for the last weeks xD
@Gael Cullen Yup, I have been using instaflixxer for since december myself :D
Also I'd just like to mention that you should probably change the title of your video. Most people call this a combobox or auto complete. I almost didn't find it because your video is called auto suggest.
Thanks so much for the awesome tutorial
Great suggestion!! Going to update it now :)
I have watched your other videos too. You deserve a million subscribers
Almost there!! Only 995,000 left to go! :D thank you!
Great video, great explaining. Thank you. :))
Thnx for all tuts Leigh, you're great at teaching!
Thanks Aggon88! I appreciate it. Glad you are enjoying the videos!
This is a really excellent video honestly. Thanks for explaining with such clarity. I'm subscribed now and looking forward to more life changing content from you sir
Thanks John-Dag :) I have another video you may enjoy which also uses a combo box: ua-cam.com/video/WZcxJGmLbSo/v-deo.html
Saved me from having to read documentation...awesome stuff bro
Don't deprive yourself of some documentation!! That's how I learn :D
great stuff. thank you!
Thank you Mateusz!!
Hi Leigh is there a way to restrict validation so that a user has to pick an option from the combobox?
I would have 2 values maybe... the one in the text box, and a hidden field that stores the selected value. Then do a validation on the selected value.
Would be awesome if u expanded the content on how to style the autosuggest component
Hey Reagan! I suck at styling things, I don't think you'd want to see that video from me :D haha
@@leighhalliday hahaha...anyway I got sorted by using your code here github.com/leighhalliday/react-forms-demo/blob/master/src/App.css....Thanks alot....Keep up the brilliant work......Your tuts on testing are great too......Cheers
Hello. I have face a problem in displaying the country in front end which I added in database previously. I have define the data in my initialValues={{destination: destinationdata.destination ? destinationdata.destination : ' '}}. This works in other fromik field. Can you help me in this?
Hey Kong! Does `destinationData.destination` contain the correct value? Does it have it immediately? Maybe don't render the form until you have finished loading the data from your DB?
Hey nice video ! I just discover your channel, love it ! Just a question, isn't it more efficient to load the api result once and then filter those result as the user type to make fewer API calls ?
Hey Pierre! Maybe it would have been in this case, but you can't always load all the data and filter client side. If there are 100k records in total, and the user only wants 50 of them, way better to let the database/backend filter that data I think rather than loading it all and doing it client side.
@@leighhalliday good point. It depends on the amount of data you're loading ! 👍
Do you have any video of multiple autosuggest?
Hey Ajimi! Sorry, I don't... that's something I haven't tried before.
Leigh Halliday Thanks for the reply and you explained really well in this video.
Thanks a lot, you helped
Glad I was able to :) Thanks for saying hi, Yaroslav!
thanks, really useful!
Awesome! Glad it was able to help, Marc! Thanks for watching :)
so this workds only with the exact same structure of API json?
I think you could transform data prior to placing it into the form and prior to posting that form back to the server. I don't think it would have to match the APIs data structure.
Tks bro
Nice. Btw the video thumbnails are made by you?
I wish... but no. The actual art is by www.artstation.com/jamesgilleard
@@leighhalliday ohh nice.. Thanks, btw just to be safe from copyright stuff I think you should credit the artist in the description. 🙂
Will do today. I did it on a few videos just forgot this one. Thanks for the reminder!
@@leighhalliday oh okay no worries 😊. btw love you videos. very useful for us, keep them coming ❤
Hey man! Nice content! I'm loving it! Do you have twitter?
Thanks Pedro! I do! @leighchalliday
I’ve used this autoSuggest API before. Personally I think it’s to much work to make a simple auto suggest. I had to pass in 4 or 5 functions for the API to work. Where as making my ow
N only required 2 or 3 and a lot less code. Just my opinion.
Yea, no doubt. It was hard to do the video because I had to try to memorize all the functions and params each one received haha. I had notes on a sheet of paper beside me! That said, do you handle highlighting fragments, browsing with cursor, tabbed selection, etc... stuff that Autosuggest does out of the box? It's not impossible, but I imagine they handle a number of edge cases.
great video! thank you very much
You're very welcome!!