React Mentions - Building React Autocomplete Input for Comments

[@MonsterlessonsAcademy]

WATCH NEXT: React Interview Questions and Answers - Dominate Your Next Interview - kzbin.info/www/bejne/r4Kro2elpd-ShJIsi=51b2XP_84GH3q6oF

[@seanfang398]

I am working on 'Mentioning people' feature for my project, and this video just shows me the general ideas of how to implement it, thank you so much👍

[@MonsterlessonsAcademy]

Fantastic!

[@maryahmed9713]

Thanks for this video! Can you please provide information on how I could change the font color of the mention to blue after it's inserted into the input field instead of black font color?

[@cesarsalazar7402]

Great video!, this really show the base I needed

[@MonsterlessonsAcademy]

Glad I could help!

[@haroldpepete]

Nice, thanks for share with us

[@MonsterlessonsAcademy]

Thanks for watching!

[@nsulanov312]

Thanks for this video, is it possible to trigger suggestion by pressing some button near the input ?

[@srirampant3135]

how to change the color from black to blue I am not able to do it properly as it is coming somewhat ugly.

[@maryahmed9713]

Hi @sriram did you ever get this figured out? I'm trying to change the mention font color from black to blue as well and not able to

[@srirampant3135]

@@maryahmed9713 yeah I did

[@maryamahmedseager142]

@@srirampant3135 yay! Could you share how you did it 🙏, mine looks really ugly with a drop Shadow when I try to do it as well

[@elmuerto6337]

@@srirampant3135 bro, share with us, pls, i have the same problem

[@MikheilZhghenti]

how to add a loader spinner while fetching data?

[@lwrightnusura4486]

Very helpful!

[@MonsterlessonsAcademy]

Glad you think so!

[@jaysingh5402]

Can you make part 2 of this video for saving the value, what you are displaying in textarea ?

[@MonsterlessonsAcademy]

I will add it to the list of ideas!

[@trups11trupti]

how can I integrate Rich Text Editor with it? it gives me normal textarea here.

[@MonsterlessonsAcademy]

I didn't try to do that so I can't help you here

[@rimjabil2840]

same thing, did you find a solution?

[@trups11trupti]

@@rimjabil2840 nope. I configured draft-js with mention module. Let me know if u need help with it. Author is not ready to help

[@pranayshinde-g9c]

is there any other source code to apply on simple html projects

[@MonsterlessonsAcademy]

No it's a react library

[@herbertk9266]

Thank you

[@MonsterlessonsAcademy]

You're welcome

[@Tdubs241083]

Great video. I really like your color theme, what is it called?

[@MonsterlessonsAcademy]

It is called gruvbox

[@Tdubs241083]

@@MonsterlessonsAcademy great thank you

[@snjvthakur24]

Can i do the same for "$" char?

[@MonsterlessonsAcademy]

I didn't try that.

[@ElevateMonk]

is it possible to use this with an existing textarea ?

[@MonsterlessonsAcademy]

I never tried that so can't say anything.

[@ElevateMonk]

@@MonsterlessonsAcademy what about emojis did you try adding ?

[@ElevateMonk]

was able to add emojis thanks

[@joshuagalit6936]

This is not working in typescript

[@MonsterlessonsAcademy]

Then you need to fix it

[@joshuagalit6936]

​@@MonsterlessonsAcademy oh yeah the real resort is any 😂

[@jaysingh5402]

In the textarea you are displaying "gregwrege John", but you explained please type like this "gregwrege John".match(/[^(]+(?=\))/g). You get ['john'] and save in your backend. But i haven't send like this. I have to send whole text to backend like this = gregwrege John, Jack & John

[@MonsterlessonsAcademy]

You send the whole comment to backend to save but at the moment of saving backend must parse the text to get ids of users from it and notify them by sending emails.

[@jaysingh5402]

@@MonsterlessonsAcademy I want send data like this "Jack is honest, good & intelligent guy". I am not going to notify any user by sending emails. Indirectly i want to save the address of a person with name.

[@inzamam1320]

@@jaysingh5402 did you got the solution ??