5 ms·
I don't think this is a compelling example. React would implement this almost identically: const Counter = () => { const [count, setCount] = React.us
by ng12 7y ago
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.
- mondaygreens 7y agoYeah that's way more readable and intuitive than anything that came before (that I'm aware of)!
- kgwxd 7y ago1 language vs 2 intertwined languages is compelling enough for me.
- ng12 7y agoDo 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 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.
- ArchReaper 7y agoWhat? 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?
- pgt 7y ago(not= syntax semantics)
- jmiskovic 7y agoThe 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().
- dhucerbin 7y agoTo 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.
- pgt 7y ago`setState(...)` is not idiomatic in JavaScript.
- dhucerbin 7y agoI'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.
- ArchReaper 7y agoReact 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?