Ask HN: What do you think about React Hooks?

9 pointslsm7y ago6 comments

Link here: https://reactjs.org/docs/hooks-intro.html

6 comments

My 2c on the hooks cause: https://github.com/salvoravida/react-class-hooks

Use Custom Hooks with React Class Components. Compatible React >= 16.0.0

At first glance, hooks are hard to reason about. They encourage changing pure functions into stateful functions that return different results depending on when they were called.

Immediately after seeing the first example, I'm left wondering what happens if I called useState(0) twice? Does it produce references to the same state object or two separate ones? Does it throw an error? I see "count" and "setCount" being destructured, but where are they defined? Through static analysis during a special build step, through getters, or what?

acemarke7y ago

The first time the component renders, each individual call to `useState` results in a new unique-to-that-component state value being stored behind the scenes. React builds a linked list of all hooks attached to that function component the first time you run it, and then reads from that linked list in future re-renders. So, when you run it again, and `useState()` call #1 occurs, it reads the value and the setter function off the first linked list node, and returns those.

ncphillips7y ago

This is so much more complicated than the class approach.

What's saved in lines of code is lost in expressiveness.

Feels like a step toward Ruby-like magic.

2 more replies

j / k navigate · click thread line to collapse