DEV Community

Cover image for ✨ 8 components to become a React master 🧙‍♂️ 🪄

✨ 8 components to become a React master 🧙‍♂️ 🪄

Nevo David on October 16, 2023

TL;DR I have gathered React components you can use to build the ultimate website. Each one of them has a unique use case! Don't forget ...
Collapse
 
garrrikkotua profile image
Igor Kotua

Amazing work, Nevo!

How about a tutorial using all these tools? 🤗

Collapse
 
nevodavid profile image
Nevo David

Great idea!
Thank you for the kind words!

Collapse
 
godfreymutebi profile image
Mutebi Godfrey

k

Collapse
 
t_bogard profile image
Erick Rodriguez • Edited

And I thought I would read something about component references, State management and store practices. You're simply showcasing components without going any further on what is beneficial for you to use it as developer.

Using those components won't make me a master on React. Understanding how React works internally would indeed make me a master of it.

Collapse
 
pvamshi profile image
Vamshi Krishna

Exactly !!
I was surprised too and was searching for someone who said this

Collapse
 
dsaga profile image
Dusan Petkovic

I've been hearing a lot about the react email library, have to try on a project..

Thanks for the comprehensive list!

Collapse
 
nevodavid profile image
Nevo David • Edited

Resend labs is doing an amazing work with everything connected to emails!

Collapse
 
buichuongvnua profile image
buichuongvnua

good

Collapse
 
nevodavid profile image
Nevo David

Thank you so much 🔥

Collapse
 
shreya_gr profile image
Shreya

well structure article Nevo. Looks great.

Collapse
 
nevodavid profile image
Nevo David

Thank you so much Shreya!

Collapse
 
marcitpro profile image
Marcitpro

React is great

Collapse
 
nevodavid profile image
Nevo David

It really is!

Collapse
 
godfreymutebi profile image
Mutebi Godfrey

true

Collapse
 
elhaddajiotmane profile image
ELHADADJI otmane

Thanks __

Collapse
 
nevodavid profile image
Nevo David

🚀

Collapse
 
jerommiole profile image
jrom

This is awesome!

Collapse
 
sahufdev profile image
Sahuf

Im learning react right now this will help alot thanks

Collapse
 
nevodavid profile image
Nevo David

Thank you for reading 😎

Collapse
 
srbhr profile image
Saurabh Rai

Amazing list, I liked the concept of Clickvote and the ability to add in the option to vote anywhere in general. Also, the WYSIWYG editor, Novel is also amazing!

Thanks for making this list, awesome work.

Collapse
 
madsklitgaard profile image
Mads Klitgaard

This list is awesome! In the middle of taking a course on React so this is perfect to check out once I'm done! Great work. And as pointed out by others a small tutorial to some, if not each, of these tools would be really cool as well!

Collapse
 
nevodavid profile image
Nevo David

Awesome!

Collapse
 
musahaidoo profile image
Cyber Guy

wooooow thats awesome, this really came on time. I dont know if i can use your content to create videos. But i would like use to talk about it. aidoomusah18ab0614@gmail.com message me so that we talk about that.

Collapse
 
mosaabemam profile image
Mosaab Emam • Edited

Wow! epic list. Many of these components are new to me.

Quick question: in the clickvote example why are you importing in 3 lines instead of one? Or is it a mistake?

Collapse
 
nevodavid profile image
Nevo David

Yes, just for a nicer formatting 😅
You can do all in one line

Collapse
 
mosaabemam profile image
Mosaab Emam

I thought so but it wasn't consistent with what you did in the novu example, that's what threw me off.
Too much OCD I guess 😅

Collapse
 
jon_snow789 profile image
Jon Snow

We also made A List of Useful NPM Packages for React/Next JS Developers

Check here

Collapse
 
anupk1234 profile image
Anup Khismatrao

Amazing

Collapse
 
nevodavid profile image
Nevo David

Which one do you like the most? :)

Collapse
 
godfreymutebi profile image
Mutebi Godfrey

amaizing

Collapse
 
eotobi profile image
Elisha Osotsi Otobi

Impressive

Collapse
 
bachhieu profile image
bachhieu • Edited

hay lam!

Collapse
 
nevodavid profile image
Nevo David

Hay!

Collapse
 
marcitpro profile image
Marcitpro

Great post

Collapse
 
nevodavid profile image
Nevo David

Thank you so much ❤️

Collapse
 
thevinitgupta profile image
Vinit Gupta

Definitely a worthy list
Especially Hanko and Novel 💡🔥

Collapse
 
nevodavid profile image
Nevo David

Great libraries!

Collapse
 
godthinking profile image
Khant Min Lwin

I like that .It can have so benefits.

Collapse
 
pierre profile image
Pierre-Henry Soria ✨

I confirm, React Email is a really handy one. I've used it in the past 😃

Collapse
 
samuel2935 profile image
Samuel

Very helpful

Collapse
 
lidouf profile image
lidouf

nice work, buddy!

Collapse
 
nathan_tarbert profile image
Nathan Tarbert

Amazing list @nevodavid.

I didn't know about the Copilot Kit. I need to check them out.

Collapse
 
nevodavid profile image
Nevo David

😻

Collapse
 
shricodev profile image
Shrijal Acharya

Great article, Nevo!
Personally, I love Hanko auth and Novu a lot. 😋

Collapse
 
jennyliu07 profile image
Jenny

Thanks for sharing this amazing list. I find it super useful.

Collapse
 
larry_lo_5896c556cf188250 profile image
Larry Lo

Well structured essay. And I find those repositories are well organised and easy to follow. People can also learn best practices using React

Thanks

Collapse
 
khair_al_anam profile image
Khair Alanam

This is such an awesome list, Nevo! I especially love the 8th one so much that I really wanna try it!

Collapse
 
yishai_zehavi profile image
Yishai Zehavi

Excellent collection of components! Definitely gonna use some of them on my next side project. Thanks for sharing!

Collapse
 
oridgenal profile image
Siyabonga Ngcobo (Siya)

Awesome stuff. I'm trying to expand my website at UXridge which is using NextJS, Novel will be awesome once I build a backend for the blog/knowledge hub site. 🙏🏽

Collapse
 
antoniomarques profile image
António Marques

Great! A fantastic read.