Hacker Newsnew | past | comments | ask | show | jobs | submitlogin

I don't think this is a compelling example. React would implement this almost identically:

    const Counter = () => {
      const [count, setCount] = React.useState(0)
      return (
        <div>
          <p>You have clicked the button {count} times.</p>
          <button onClick={() => setCount(count => count + 1)}>Increment</button>
        </div>
      )
    }
Replace the atom/swap with a useState hook and it's almost identical.


The difference is in how the state is handled. In Clojure, it is contained in an atom, which is a well documented language primitive which can change value in controlled manner. It's not some magic construct hidden behind innocently looking JS function useState().


To be fair, reagent uses it's own implementation that satisfy atom protocol. And it uses some funky magic with keeping derefs and triggering rerenders. In principle, as atom is idiomatic Clojure, setState is idiomatic javascript. ratoms and hooks both add some sugar to it.


`setState(...)` is not idiomatic in JavaScript.


I'm not sure how far back you want to go, but `this.set` is used in most frontend frameworks, starting around knockout and backbone. You had object which managed state for you (then it was model, today it is component) and it had some setter method.


React is open source, you can view the source for this "magic construct" so I don't see any validity to your argument.

useState returns 2 variables - a getter and a setter, where the getter is just a variable and not even a function to call.

How is that equatable to some hidden construct? How is Clojure superior to that?


Yeah that's way more readable and intuitive than anything that came before (that I'm aware of)!


1 language vs 2 intertwined languages is compelling enough for me.


Do you mean JSX? Here you go:

    import {createElement as h} from "react"
    const Counter = () => {
      const [count, setCount] = React.useState(0)
      return h("div", {},
        h("p", {}, `You have clicked the button ${count} times`),
        h("button", {onClick: () => setCount(count => count + 1)}, "Increment")
      )
    }
There are additionally libs like hyperscript (https://github.com/mlmorg/react-hyperscript) that take the non-JSX approach further. Although honestly, I don't recommend it. JSX is really great even it seems a little unfamiliar.


What? JSX allows you to write HTML as though you are actually writing HTML.

The '1 language' version requires you to learn language-specific syntax for creating HTML elements.

How is that more compelling?


(not= syntax semantics)




Guidelines | FAQ | Lists | API | Security | Legal | Apply to YC | Contact

Search: