DEV Community

Making Sense of React Hooks

Dan Abramov on November 02, 2018

Originally published on Medium This week, Sophie Alpert and I presented the “Hooks” proposal at React Conf, followed by a deep dive from Ryan Flor...

Read full post

Andy Zhao (he/him) • Nov 2 '18

If the React community embraces the Hooks proposal, it will reduce the number of concepts you need to juggle when writing React applications.

As a fairly recent React user, I think this is probably the biggest selling point for me. Have a good feeling that Hooks will make things easier to use and understand, as opposed to adding more complexity.

K • Nov 2 '18 • Edited

This will only ease the pain for new developers that start new projects.

If you start with React and have to work with existing projects, depending on its age, you'll have to wrestle all concepts (Mixins, Higher Oder Components, Render Props).

Ben Halpern • Nov 2 '18

Yes. But at least with existing codebases, you can sort of pattern match and learn by a bit of trial and error. Too many competing concepts is probably harder when you're green field and the task at hand is still super abstract.

Dan Abramov • Nov 2 '18

Yeah. We’re optimizing for long term.

K • Nov 3 '18

Never questioned it :)

Roseanna Mcfarlane • Mar 18 '19

I just wanted to say thanks for all the hard work you do (along with many others such as Sophie) to keep the community updated re React. I follow ya'll on Twitter and don't think I've seen any two people so passionate about keeping people informed and in the loop :)

I just wanted to say that randomly.

Dan Abramov • Mar 23 '19

Thank you!

lop900 • Sep 10 '21

Osm! This post is very informative and effective. I got what I was looking for. Here to say thank you. Thanks for sharing FMWhatsapp valuable content.

Johnseddy • Jul 27 '23

We have a similar thought and I also might like to mention about this informational post in my gaming website at mini militia for pc download to engage more users here.

Adedapo Olatunde • Jun 11 '23

Yeah. I also want to thank you for YouTube to mp3 conversion too.

Thomas Junkツ • Nov 3 '18

At the risk of being offtopic, I want to say a big thank you to you, Dan, for your time and effort of posting here :]

deleteme deleteme • Nov 2 '18

This feels like redux ideas being shoehorned into React. The code itself looks so ugly to me and overly ceremonious. React lost something BIG today and prompted me to look into VueJS as the boring straightforward choice.

Dan Abramov • Nov 2 '18

What code examples are you comparing? I don’t see any similarity to Redux in this article but maybe I’m missing something. If anything code using Hooks looks less ceremonious to me than either of the alternatives (like render props or HOCs).

Please elaborate with examples?

Felix Manuel Bores Hevia • Jun 16 '19

I totally disagree my friend. You have to look to Hooks as something that has been 'added', rather than 'changed'. You can keep doing things in React the same way before Hooks came into play, and that, from my point of view, is one of the best accomplishment of the React Team. But dude, Hooks are awesome anyways! :)

Nick Karnik • Nov 2 '18

That’s an interesting perspective. What parts of it look ugly specifically? This is also optional for now as you can continue working with react without using hooks.

Konstantin • May 11 '19 • Edited

Hi, Dan! Thank you for all you and the team are doing for the community!

If you have a couple of spare moments, I had a couple of ideas, maybe you can find then anyhow interesting.

1) You are saying that functions are stateless but in ES6 we have a function* or async function. They can be used as the event generators I suppose. Something like

const eventGenerator = ...;
while (true) {
   await eventGenerator();
   render();
   eventGenerator = ...;
}

Have you considered that option?

2) Just a fun thing: Logo of the city where I was born is an atom - why not to do the next React conf there? ;)

3) This is the example from the React Documentation

useEffect(() => {
    // Update the document title using the browser API
    document.title = `You clicked ${count} times`;
  });

I think it is pretty confusing, there is no reason why this particular example cannot be rewritten as

document.title = `You clicked ${count} times`;

Konstantin • May 11 '19

UPD. Actually found the answer to my third question in the React API Reference.

Fashion Clothes • May 1 '21

Yes, this is truly working techniques and I really appreciate your efforts on research on react hooks. I would also apply these techniques on gbwhatsapp.net/whatsapp-plus-apk/ for best experience

elizabeth sawan • Sep 3 '23

To share this techniques I think you can use this gbinstaa.com/instagram-plus-apk/ to optimize posts and media.

Anthony Grimaldi • May 21 '22

I've been learning React for over two months, at first it was pretty difficult to me to understand the whole logic behind it, but I got used to it fairly fast. I didn't really like hooks at first, but while doing some exercises here and there with and without them I realize how easy and important hooks become when developing a more interactive app.

ko • Apr 8 '22

Hooks although still in development, we are very hopeful, you can also pay attention to FM WhatsAPP GBWhatsAPP FouadWhatsAPP YOWhatsAPP version update and function update use, WhatsApp is a great social app.FouadWhatsAPP

Elison Parker • Jan 12 '22

There has been a lot of pressure, but the actual apps have survived and they are giving best results along with user experience. (bestchainsaws.com.au/best-chainsaw...) This is going to be great.

Thanks for providing such an Amazing information's!

Elison Parker • Jan 12 '22

This is actually the best information that I have seen today! If you want GB WhatsApp other then you can download free on gbwhatsapp.net. They are one of the best fastest WhatsApp apk online. mygbapps.com/ for best Experience.

alekawa • Dec 13 '18

Thank you for this article, very insightful! The topic of React Hooks was also mentioned at the most recent React Conference in Berlin.
You can read a recap of it (also including Hooks) here: selleo.com/blog/react-day-berlin-2...

Peter Kim Frank • Nov 2 '18

Hey Dan, thanks so much for this. It's been very interesting reading and watching the articles on the subject be posted over the past week or so.

As you mentioned:

Note: Hooks are an experimental proposal to React.

Do you think that people actually heed that warning? How do you suggest folks find the right balance between jumping right in to learn and experiment vs. proceeding with sufficient caution?

rimi887 • Aug 17 '22

Great post I have ever seen well explained article thanks for sharing, it's really helpful for me and other as well. Same well to understand post I have also seen on the YouTubeVnaced.org

Akshaytom • Aug 25 '23

BGMI APK 2.6 Download latest version here, download bgmi apk + obb File for your Android Smartphone and Enjoy the Indian PUBG BGMI 2.1 apk Game.

bgmiapkupdate.in/
capcutmodsapk.in/

Mike • Sep 25 '23

Great information! You can also check out the fm whatsapp app for Android phones.

Ana Watson • Dec 15 '21

I am very impressed with your post, thanks for sharing. Would love to see more stuff like this in future. clashmod.net/dream-league-soccer/

Tamara Temple • Nov 3 '18

yes, my first reaction was rather visceral, i cried tears of joy. This is going to be great.

tiff • Nov 19 '18

I am super excited by Hooks. I don't know if I will miss the explicitness of React but I doubt it. A little magical but some magic is alright I suppose. ;)