3 ms·

JSX actually makes it more intuitive than that by having 0 reason for even needing to know when to use square brackets vs parenthses. It's simply curly braces a

by lpa22 10y ago

JSX actually makes it more intuitive than that by having 0 reason for even needing to know when to use square brackets vs parenthses. It's simply curly braces and vanilla JS

SonicSoul 10y ago
this is a different statement than the sentence i responded to. square or round just indicates the direction of the binding. everything in angular is also vanilla js.
- dismantlethesun 10y ago
  I think what he means is that control statements don't exist in JSX. You have to write Javascript to do if-statements, looping, etc. In React, there is no 'direction' of binding---its all one way, just like in vanilla Javascript, and in fact no binding on anything except low level elements' like divs. Components only receive props, which do not do anything at all until you write code that reads them and runs operations based on their values. Thus components are simply function calls (it's what they compile to anyways), and JSX is just a syntax to write functional code.
  - SonicSoul 10y ago
    i don't see how sprinkling if-statements in your html is cleaner than "magical attributes" but thats just me :)
    - mateuszf 10y ago
      if statement is one of the most basic concepts of programming and is opposite to magic
      - bryanrasmussen 10y ago
        True, but some would argue that its use is a mark of lacking taste - https://medium.com/@bartobri/applying-the-linus-tarvolds-good-taste-coding-requirement-99749f37684a#.ap2xosolo https://medium.com/@bartobri/applying-the-linus-tarvolds-goo...
    - nobleach 10y ago
      It's not just you...this has been a pretty big toss-up with MVC style frameworks and view libs. Does business logic belong in the template? Or does it belong in some sort of view controller? Mustache.js insists that all decisions should be made before data is sent to the template. Most other libs allow the template to make decisions. I don't think there's a definitive answer. I kinda lean on making easy decisions in Handlebars templates... or, since our new app is in React, JSX.
- jasoncchild 10y ago
  Wait, square brackets/parens indicates data binding direction in vanilla js? Huh?

by lpa22 10y ago

JSX actually makes it more intuitive than that by having 0 reason for even needing to know when to use square brackets vs parenthses. It's simply curly braces and vanilla JS

SonicSoul 10y ago

this is a different statement than the sentence i responded to. square or round just indicates the direction of the binding. everything in angular is also vanilla js.

dismantlethesun 10y ago
I think what he means is that control statements don't exist in JSX. You have to write Javascript to do if-statements, looping, etc. In React, there is no 'direction' of binding---its all one way, just like in vanilla Javascript, and in fact no binding on anything except low level elements' like divs. Components only receive props, which do not do anything at all until you write code that reads them and runs operations based on their values. Thus components are simply function calls (it's what they compile to anyways), and JSX is just a syntax to write functional code.
- SonicSoul 10y ago
  i don't see how sprinkling if-statements in your html is cleaner than "magical attributes" but thats just me :)
  - mateuszf 10y ago
    if statement is one of the most basic concepts of programming and is opposite to magic
    - bryanrasmussen 10y ago
      True, but some would argue that its use is a mark of lacking taste - https://medium.com/@bartobri/applying-the-linus-tarvolds-good-taste-coding-requirement-99749f37684a#.ap2xosolo https://medium.com/@bartobri/applying-the-linus-tarvolds-goo...
  - nobleach 10y ago
    It's not just you...this has been a pretty big toss-up with MVC style frameworks and view libs. Does business logic belong in the template? Or does it belong in some sort of view controller? Mustache.js insists that all decisions should be made before data is sent to the template. Most other libs allow the template to make decisions. I don't think there's a definitive answer. I kinda lean on making easy decisions in Handlebars templates... or, since our new app is in React, JSX.
jasoncchild 10y ago
Wait, square brackets/parens indicates data binding direction in vanilla js? Huh?