Will be better demonstration without tailwind... vanilla react and font. But I give you a like anyway.
@SuboptimalEng
2 жыл бұрын
Appreciate the support Felipe!
@cristicretu7479
3 жыл бұрын
have you tried heroicons from the tailwind team?
@SuboptimalEng
3 жыл бұрын
I was gonna try out heroicons but saw that it only had ~200 non-branded icons. Maybe once they update it a bit more 👍
@chaoxiang56
2 жыл бұрын
wtf .. no tailwinds garbage
@Ab-gf8pz
Жыл бұрын
What is the name of font-awesome icon for mail? faEnvelope is not working If anybody know then please share the correct name for EMAIL icon Thank YOU
@danielgabay8816
Жыл бұрын
You just did in 6 minutes what I was trying to do for the past 2 hours! Thanks for sharing such a simple and helpful video! New subscriber :)
@SuboptimalEng
Жыл бұрын
Thanks, Daniel - I'm glad the video was helpful! It's funny how to see how so many people (including me) struggled with this one.
@emilysmith1000
2 жыл бұрын
I could not understand why I kept failing to install font awesome with React. Then I watched this and my problems are solved. Thank you so much!!
@SuboptimalEng
2 жыл бұрын
Glad the video helped!
@realrickastley
7 ай бұрын
Thanks for making this video, it really helped me start developing with React.
@StellaParkKorea
Жыл бұрын
Can you let us know how to add fa in pseudo ? svg works, but html encode not works when I was following official doc. T.T
@mayapucuka5306
7 ай бұрын
Thank you so much! I was struggling for like an hour. Keep up the good work :)
@anto1756
2 жыл бұрын
Do I need to redo the whole project if I already setup with npx create-react-app . ? Everything is already in React
@PedroBellic1
Жыл бұрын
I have to import every icon i want to use? This is ridiculous
@TheCoder009
5 ай бұрын
Of all the videos in KZitem, yours is only the one that helped me through
@ramirorenteria7333
Жыл бұрын
How would you increase the size of them? I've tried fa-2x etc but that doesn't work
@removed107
2 жыл бұрын
THank you very much, you help me alot
@attitude___kings
2 жыл бұрын
love you bro
@Human_Evolution-
2 жыл бұрын
Does not work for me. I do not like Font Awesome anymore.
@thomasstephenson4043
Жыл бұрын
I spent 3 hours on this garbage last night! Fontawesome should fire everyone who wrote the docs and hire you!! thank you big dawg. Liked and subscribed
@SuboptimalEng
Жыл бұрын
Glad to hear the video helped! Made it because I found the docs frustrating myself 😅
@alikaraky
Жыл бұрын
it's a useful video, thank you😇
@AlcatrazV1
2 жыл бұрын
You're a god disguised as a suboptimal engineer. Took me forever to figure it out custom icons. The docs could be better. Thanks for the help.
@SuboptimalEng
2 жыл бұрын
I'll have to save this comment so I can look at it when I get imposter syndrome 😂
@Toulkun
Жыл бұрын
Brand icons wont show up on my site any ideas?
@codex8797
2 жыл бұрын
Thanks my man finally made it thanks to you!!!
@LilithinMerria
2 жыл бұрын
Thank you for this video. It helped a lot ^^
@ahmedjemal5859
2 жыл бұрын
what are the names for email and call icons
@elkhanhamet2561
2 жыл бұрын
thank you man!!!😊👍👍👍
@swaroopdhungana3536
2 жыл бұрын
YO can I know which theme you are using on VS code?
@SuboptimalEng
2 жыл бұрын
I believe it was gruvbox material theme
@jabss7847
Жыл бұрын
Thanks for making this video ! You just help me save me few hours of trying to make fontawesome works in my react app ! Thankss buddy !
@stefatosgiorgos9300
2 жыл бұрын
Does anyone knows if there is any disanvatage if we use the comon way: copy-paste the font-awesome cdn inside index.html? maybe a slower rendering?
@rajveerzala1204
2 жыл бұрын
mobile or desktop
@codervince4957
Жыл бұрын
YOU ARE MY HERO!!!
@GauravPandey-rf9kb
Жыл бұрын
Thankyou soo much
@ShanounettexCF
2 жыл бұрын
Thank you bro!
@daniilpogolovkin8221
2 жыл бұрын
tnx
@Nisaa107_
10 ай бұрын
Thanks 😊
@FGA-47
2 жыл бұрын
Thanks man ❤❤❤❤
@madeit130
Жыл бұрын
thanks ;)
@codium1837
Жыл бұрын
Thank you
@hussainabbas1341
2 жыл бұрын
thank you
@mtelot2203
Жыл бұрын
Beautiful theme btw, which one is it?
@SuboptimalEng
Жыл бұрын
I believe it’s the Gruvbox material theme.
@SIRIN363
2 жыл бұрын
Thanks
@nicollygabriele7968
2 жыл бұрын
Thank you for this video vc me salvou (BR)
@ramirorenteria7333
Жыл бұрын
Your video helped me tremendously! Thank you!
@talidamg
Жыл бұрын
Thanks! I struggled a lot importing the brands icons, not knowing that there should be a different import. Kudos to you!
@SuboptimalEng
Жыл бұрын
Glad the video helped!
@EmilyNilsen
2 жыл бұрын
Clearly explained and easy to follow. Thank you, Suboptimal Engineer, I now have Fontawesome icons within my React project!
@SuboptimalEng
2 жыл бұрын
Glad to hear it 😊
@brissalcido8534
2 жыл бұрын
Thank you! I tried to follow the directions in the fontawesome page, but it didn´t work. Your video saved my project!
@SuboptimalEng
2 жыл бұрын
That’s great to hear!
@obie_silva
2 жыл бұрын
Is there a way to import all icons at once or we have to do them individually?
@Lilly_92
2 жыл бұрын
I am so greatful for your explanation! I thought I would never be able to implement my icon in my react app and then I found your video! And it works! Thanks a lot! :)
@SuboptimalEng
2 жыл бұрын
Glad to hear the video helped!
@gojanstivenholguinrincon8402
2 жыл бұрын
Men Thank you very much, it almost didn't work for me and I saw your video, and it saved my life
@SuboptimalEng
2 жыл бұрын
Glad to hear the video helped Gojan!
@TheCrowdel
2 жыл бұрын
Thanks mate, more content please
@never-a-stain6986
2 жыл бұрын
Thank you for this video
@martinemanuel8239
2 жыл бұрын
Great explanation !! , I'm curious what is theme you use ?
@SuboptimalEng
2 жыл бұрын
Thanks, Martin! I usually switch between GitHub dark, Gruvbox, and Gruvbox material themes.
@souvikdas485
2 жыл бұрын
How to put it under a input element
@Dylson
2 жыл бұрын
Great tutorial, concise and simple, I especially like the timestamps and clear divided sections of the video. What would have been the cherry on top is to do this tutorial with other popular frameworks such as react-bootstrap.
@ruelapierre
3 жыл бұрын
Great video! Thanks you. It's also really nice to work with the library especially the FontAwesomeBrandIcons because you don't have to preset all elements that you want you just call them in the component.
@Systrent
2 жыл бұрын
It helps a lot TY :D
@ShadiMuhammad
2 жыл бұрын
Would you please tell me "What is the Theme Name"?
@SuboptimalEng
2 жыл бұрын
I usually switch between GitHub and Gruvbox themes
@ShadiMuhammad
2 жыл бұрын
@@SuboptimalEng I tried them but seems they aren't what I'm asking for. "Andromeda" is very astonishing btw, & thank you very much for your reply.
@SuboptimalEng
2 жыл бұрын
@@ShadiMuhammad In this video, I believe I was using Gruvbox Material.
@ShadiMuhammad
2 жыл бұрын
@@SuboptimalEng Ok, thanks a lot
@SalimRana
3 жыл бұрын
Super bro
@jalilsaucedo5280
2 жыл бұрын
Thank you so much
@muhammadsofyansyah9571
3 жыл бұрын
thx sir its was helpfull
@maycondouglas9294
2 жыл бұрын
Thanks, helped a lot!
@siureksmoka989
3 жыл бұрын
nie działa kkurrrrrrrrrwa
@eduardmarius7278
2 жыл бұрын
Great video! Are there any benefits (performance or others) to using this approach instead of using React Icons with Font Awesome? Thanks!
@SuboptimalEng
2 жыл бұрын
Thanks Eduard. Unfortunately, I’m not familiar with using React Icons 🤔
Пікірлер: 94